Storybook: Define args for all stories
25 August 2022 (Updated 25 August 2022)
// Button.stories.ts|tsx
import React from 'react';
import { ComponentMeta } from '@storybook/react';
import { Button } from './Button';
export default {
/* 👇 The title prop is optional.
* See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
* to learn how to generate automatic titles
*/
title: 'Button',
component: Button,
//👇 Creates specific argTypes
argTypes: {
backgroundColor: { control: 'color' },
},
args: {
//👇 Now all Button stories will be primary.
primary: true,
},
} as ComponentMeta<typeof Button>;
Sources
Tagged:
Storybook
Thanks for your comment 🙏. Once it's approved, it will appear here.
Leave a comment