Category "storybook"

after doing "npx sb init" (react storybook): node_modules/react-router/index.d.ts:151:74 - error TS1110: Type expected error

I am working on a large typescript react monorepo. In one of the packages I added react storybook using "npx sb init" After doing that, when I did a yarn build

Storybook (with Vite / Typescript / MDX) doesn't show ArgsTable

I'm trying to show the table with props on a MDX docs page, but whatever I try, the table only shows: "No inputs found for this component. Read the docs >" I

Objects are not valid as a React child when rendering an array of objects as children prop in storybook

I have a component that receives children prop as an array of objects and renders them. type Item = { id: number; name: string; }; interface IProps { chi

Storybook install with react

I tried running npm run storybook after installing it for the first time on my new create-react-app application and I am getting this error. Anybody know how to

SvgXml inside react native storybook for web

I'm implementing StoryBook in a react-native project and running it on the web and mobile with that design: https://storybook.js.org/addons/@storybook/addon-rea

next build command is not ignoring *.stories.tsx files [duplicate]

I am trying to build nextjs project which has [componentName].stories.tsx side by side with component itself. Running next build fails because

Tailwind css classes not showing in Storybook build

I am trying to build my storybook with tailwind css. When running build-storybook the components are rendered with the tailwind classes. Unfortunately, when I b

Set Storybook canvas zoom

Is there any way to set the zoom level for a storybook canvas in either argTypes or parameters?

How to use control-value-accessor in storyBook?

I have a custom input component and want to create story (using storybook) input.component.ts @Component({ selector: 'app-input', templateUrl: './input.comp

Why are the args for my storybook component showing as optional instead of required?

I have a simple loader component import React from "react"; import { Backdrop, CircularProgress } from "@material-ui/core"; import { makeStyles } from "@mat

Creating a Storybook instance including stories from multiple libraries in a Nrwl Nx workspace

I have a storybook instance for every NX libs (core,icons), and I would like to have only one storybook instance that collect all the stories present in differe

Storybook-tailwind. How should I add tailwind to storybook

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

Storybook 6, use module paths?

Is it possible to configure storybook 6 to use the module paths in my tsconfig.json file to work with sass-loader (or just to replicate the same pattern if that

Scss not loaded with Vite

The build with Vite and Vue works like a charm (so ist the path correct). However, it does not with storybook. Here my config: vite.config.js import { defineCon

Is it possible to have README docs appear first in Storybook navigation, then all stories after?

I have all Storybook stories nested under a “Docs” header. Every component gets a README mdx file, then as many stories as necessary. I would like f

How to render global styles from styled-components in Storybook?

Cannot render storybook application when trying to add global styles to the config file. It was working before and when I tried to add the knobs addons it brok

RTK query with Storybookjs

I am using RTK query with typescript in my react application and its working fine however storybookjs is not able to mock data for RTK query. I am trying to moc

React not rendering an mdxjs file

I am trying to create an addon for storybook that adds a tab to the top of the page, I have it working except that I cannot get it to render an MDX file in the

storybook shows 'This story is not configured to handle controls. ' error

I installed storybook by using npx tsdx create and selected react-with-storybook to make style component library. while developing, I got 'This story is not co

How to add multiple components into one story using Storybook?

I just started using storybook, and I need your help. I've four components for the different icons, and I want to create one story for all of them instead of cr