storybook Questions

2

Solved

*The following question is related to a previous question I asked, so apologies in advance if I'm being repetitive, but I still haven't been able to resolve my issue. I'm trying to get Storybook to...
Ampere asked 3/2, 2022 at 10:52

3

I'm currently facing issue on storybook react using scss. I'm using sb init to create the storybook file. Everything is working, all the addons loaded but only the style is not working. If I use cs...
Unpack asked 21/4, 2021 at 10:39

1

Solved

After the following steps install a clean Vue3/Vite application as outlined in the docs (Vue application runs correctly) install Storybook as describes in the docs run Storybook (npm run storybook...
Saunder asked 1/2, 2023 at 14:28

2

I am having an issue with Storybook 6.3 since it uses Webpack 5 and I am installing it on a clean create-react-app which uses Webpack 4.41.8. I tried to update react webpack and all and still no lu...
Tipple asked 2/8, 2021 at 7:39

2

I'm trying to set up Storybook for a Next.js project. I have a component that render the Link tag from Next.js. My problem is that when I load this component, Storybook throws the following error: ...
Leoni asked 13/1, 2020 at 7:53

6

Solved

I have encountered a problem when serving a built storybook. As you can see below, it shows only a spinner spinning into oblivion. When i opened the console, it says: Error: manager received shared...
Luane asked 27/4, 2021 at 4:0

8

Solved

Posting the solution to a problem I had a hard time finding albeit Sensei Googling skills. Although my app with react-router worked without any problem Storybook threw the error "Invariant fai...
Expressivity asked 18/11, 2019 at 7:21

4

In process of upgrading a webpack 4/storybook 5 project to webpack 5 to hopefully take advantage of federated modules. I have regular webpack --config webpack.config.js building working atfer some ...
Burushaski asked 22/4, 2020 at 21:48

4

Solved

I'm exploring Nx with Angular (relatively new to both) and trying to figure out how to generate a component library that: Can run Storybook, and Can be imported one component at a time, rather tha...
Rajiv asked 30/3, 2020 at 21:33

1

Is there a way to dynamically change the ArgTypes when args of a components changes in Storybook? For instance, suppose a strory with a component that has 2 controls: id and value. id can either be...
Tester asked 25/8, 2020 at 16:22

5

I am new in Storybook. I have a .scss file used in global. I want to import this file from storybook. So I made .storybook/config.js file and import scss inside. but it shows me error. Error ERROR ...
Hazlitt asked 30/6, 2020 at 9:14

2

I am trying to create a Storybook using the Angular Material library in an nx app but I can't get the styles to appear that come along with the library. So the component renders but there are no st...

1

I'm using Storyshots with storybook for snapshot testing. Referred to the documentation here: link1, link2 The complete error log Followed all the steps here, but don't know why the error is coming...
Fenner asked 23/6, 2022 at 8:38

5

I'm trying to add the current version of a project (essentially the version field from package.json) to storybook so consumers of storybook can tell which version of the project they are looking at...
Existential asked 5/3, 2020 at 17:6

1

I have the following globalTypes to enable a toolbar in storybook that lets me select the theme: export const globalTypes = { theme: { name: 'Theme', description: 'Global theme', defaultValue: ...
Putrescine asked 25/11, 2022 at 19:21

3

I'm quite new in React and I'm now trying to use Storybook. I run into the error below when I use npm run storybook. I've made attempts at figuring it out, but I'm still unsure. Cannot read propert...
Freud asked 11/4, 2022 at 18:16

2

Solved

Storybook applies default styles to the the story canvas iframe. This prevents my stories from looking the way they should. How can I get rid of Storybook's default styles? For example, here is the...
Delly asked 19/12, 2020 at 0:10

2

Solved

After installing and configuring Storybook on my Next.js application and running build-storybook I am receiving the following error. Note: I am using npm version 8.19.1. The project is written in T...
Forthcoming asked 22/11, 2022 at 17:52

1

I'm a junior and I would like to start using Storybook in my Next.JS personal project. I have never used it before and all examples I found are basically design libraries that for example the whole...
Kristiankristiansand asked 17/11, 2022 at 15:52

0

We built a Design System library in TypeScript with the components, and we created the Storybook stories and all in another project that consume the transpiled component library, as a package. Curr...
Superfuse asked 14/11, 2022 at 10:50

3

Solved

I have a dialog component which is using the Primereact dialog internally. When I make a storybook for the same, the custom css for button is being imported as it is imported inside dialog.jsx. But...
Missionary asked 24/12, 2020 at 5:15

1

Here's my package.json "dependencies": { "@emotion/react": "^11.10.4", "@emotion/styled": "^11.10.4", "@fontsource/roboto": "^4.5...
Hedvah asked 2/11, 2022 at 8:58

3

Solved

In ReactJs project you can use .storybook/preview.js file to add global decorators and parameters. How to achieve this same behaviour with @storybook/react-native? What I need is to wrap all my sto...
Hofstetter asked 29/5, 2021 at 6:20

6

Solved

I would like disable eslint-loader of storybook's webpack, cuz I use other process to validate the code's quality. I know exists the webpack's config about storybook like code below and maybe I co...
Rancid asked 1/10, 2019 at 14:12

2

I am trying to conditionally disable a Storybook.js control based on the value of another argument. For example, I have a modal component that can be of type 'alert', 'confirmation', 'content', or ...
Hardship asked 13/11, 2020 at 16:13

© 2022 - 2024 — McMap. All rights reserved.