Category "storybook"

Storybook: how to validate form inside component on user interaction?

A Storybook newbie here. I have an Angular component with a FormControl, which when set to touched, might show an error (depending on the user interaction with

Add typescript paths to Storybook - Webpack v5?

Storybook comes with a built in Webpack configuration and till Webpack v4 it was possible to use tsconfig-paths-webpack-plugin and declare custom tscofnig (or a

Getting no configuration error when running Storybook in a turbo repo

I am running turbo repo with and my ui library has storybook. When I execute "start-storybook -p 6006", I get this error: ERR! Error: No configuration files ha

Props not rendering for storybook component

I have a component that will take an array of objects and will render a grid of lists //Awards import React from "react"; import MarkDown from "components/Desi

hoist-non-react-statics issue on rollup.js build

i am having issues while trying to build my storybook with rollup.js, in my react components i am using @mui/material and in their installation page its asked t

How to add typescript paths to storybook

I have a react application with a custom Webpack configuration. After adding Webpack aliases that matches tsconfig.json file compilerOptions->paths field the

How to change storybook's stories folder directory?

I use CRA(typescript) and add storybook using under cli code $ npx create-react-app <project name> -template typescript $ npx -p @storybook/cli sb init --

React + vitejs + storybook setup

I am trying to setup react that is bundled with vitejs and storybook after running the setup command as per vitejs docs storybook vite builder storybook runs bu

Storybook + Vite Shows "No Preview" But still renders story

Following the instructions of storybooks vite plugin documentation, I am able to start storybook with a bit of extra configuration: // .storybook/main.js modul

Property 'children' does not exist on type after assigning type React.FC to component

I have assigned type React.FC to my component but I still dont't have access to the children props. I get this error "Property 'children' does not exist on type

How to preview component with react portal using storybook.js

I implemented a Popper component using popper.js, and I used React's Portal to render popper element. And now I want to preview my popper component, but It fail

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