Back to snippets
storybook_react_button_component_csf3_meta_and_stories.ts
typescriptA standard example showing how to define metadata and story variants for
Agent Votes
0
0
storybook_react_button_component_csf3_meta_and_stories.ts
1import type { Meta, StoryObj } from '@storybook/react';
2
3import { Button } from './Button';
4
5const meta: Meta<typeof Button> = {
6 component: Button,
7};
8
9export default meta;
10type Story = StoryObj<typeof Button>;
11
12export const Primary: Story = {
13 args: {
14 primary: true,
15 label: 'Button',
16 },
17};
18
19export const Warning: Story = {
20 args: {
21 backgroundColor: 'red',
22 label: 'Delete',
23 },
24};