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...
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...
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...
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:
...
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 ...
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...
Pomeroy asked 31/3, 2022 at 22:9
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: ...
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...
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...
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.