✳flâneur — a map of the web's best reading

Parameters

storybook.js.org · 742 words · saved by 1 readers

Parameters are a set of static, named metadata about a story, typically used to control the behavior of Storybook features and addons. For example, let’s customize the backgrounds addon via a parameter. We’ll use parameters.backgrounds to define which backgrounds appear in the backgrounds toolbar when a story is selected. We can set a parameter for a single story with the parameters key on a CSF export: We can set the parameters for all stories of a component using the parameters key on the default CSF export: We can also set the parameters for all stories via the parameters export of your .storybook/preview.js file (this is the file where you configure all stories): Setting a global parameter is a common way to configure addons. With backgrounds, you configure the list of backgrounds that every story can render in. The way the global, component and story parameters are combined is: The merging of parameters is important. It means it is possible to override a single specific sub-parame

Parameters | Storybook docs Docs » Stories » Parameters Version 10.5 Get Started Why Storybook? Install Frameworks What's a story? Browse stories Setup Conclusion Stories Args Parameters Decorators Play function Loaders Tags Naming components and hierarchy Mocking data and modules Building pages and screens Stories for multiple components Writing stories in TypeScript Testing Interaction tests Accessibility tests Visual tests Snapshot tests Test coverage In CI Integrations Docs Autodocs MDX Doc blocks Code panel Preview and build docs AI Agentic setup MCP server Best practices Manifests Sharin

Explore this link on the map →

related reading