i'm using nextjs 13, tailwindcss. trying to run storybook for the project would throw : ModuleNotFoundError: Module not found: Error: Can't resolve '/images/example.png' in 'C:\repos\mvp\src\styles...

Is there a way to execute setup and cleanup steps for a story in Storybook? Say, for example, I have a component that behaves differently contingent on the presence or value of some piece of local ...

I'm trying to see if there's a way to change the width for select stories. My component is 100% width which I don't want to change because it is 100% of the parent. For Storybook that would be wher...

I am currently developing a component library in React within a mono-repository. I have the lint-staged package to run my linting and unit testing NPM scripts when I make a commit to the repository...

I want to add tailwind to storybook. So that Stories will render just like it will render on web. I used create-react-app project-name --template typescript to create the project. Then to install t...

PS C:..project\src\features> npm run storybook > [email protected] storybook > start-storybook -p 6006 'start-storybook' is not recognized as an internal or external command, operab...

When I run storybook, my aliases are ignored. It work fine when I run my project. I tried to define all my aliases in the main.js file, but i doesn't work better. Do you know why ? I've already vis...

Running Storybook I'd like to navigate to my component and play with Docs tab and check its behavior as I change control value for each property. I implemented a component Footer that could receive...

How do i disable the 'docs' (addons-docs) tab on a per story basis? I've tried adding the key values below to a story, but nothing seems to work. parameters: { docs: { disable: true, hidden: tru...

After installing Storybook into a React.js app with ESLint, the VSCode linter wasn't picking up the @storybook/react imports in the examples .stories.js files. It is giving me the following error: ...

I'm using @storybook/vue": "^6.5.10". My components are styled by the <style> block in the bottom of each .vue file. There are also some global CSS (Sass) files that are compil...

I'm looking for a solution for my story. I've trying to pass some props from a mock component to a story. Some props can be define outside the component but register and error should be pass by the...

I'm trying to use Storybook following https://turbo.build/repo/docs/handbook/tools/storybook guide (I'm using pnpm). apps/workshop/package.json { "name": "workshop", "pri...

I have a simple component that requires the following to setup globally... const app = createApp(App); app.config.globalProperties.Icons = Icons; However, when I am constructing my Storybook story...

I'm running Storybook 6.1.21. At some point it stopped loading on localhost:6006. On localhost it loads a white page in the browser and logs this to the console: GET http://localhost:6006/main.daf8...

I want to get this: My stories.tsx code looks like this: export default { title: "Components/Switch", argTypes: { color: { control: "select", options: ["primary", ...

In storybook, I'm getting the following error: No QueryClient set, use QueryClientProvider to set one In my _app.tsx: const queryClient = new QueryClient(); const MyApp = ({ Component, pageProps ...

I am able to run storybook and develop react components within the storybook project folder successfully. However, I am trying to move the folder that contains all my components up a level (to be a...

Problem While using Storybook, I am running npm run storybook and getting the error below. ModuleBuildError: Module build failed (from ./node_modules/style-loader/dist/cjs.js): TypeError: this.getO...

Right now in my team we are using Storybook v6 and the @storybook/addon-docs package in order to generate documentation for components. In order to keep the .stories.mdx files small we write the st...

I'm on a project with a storybook and I want my story to be able to change the background or put a background whatever since I only need a background of a different color but I can't put background...

everything was fine yesterday. this problem occurs after I installing prop-types in my create-react-app project. the error message is as follows: Can someone tell me where the problem is and how to...

I am creating my own React component library. The package.json is using react and react-dom as peer dependencies because I only want to ship code for components only. This package will then be used...

I have updated angular from 11 to 12 and I have also updated all packages to the latest versions in my package.json: { "name": "poc-architecture-angular", "version"...

I'm trying to load up the demo storybook stories (withText, withIcon), using this react guide, but I cannot get any of the example stories to run. For the avoidance of doubt, here's the code file ...