mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-07 03:31:06 +08:00
22 lines
557 B
Plaintext
22 lines
557 B
Plaintext
```md
|
|
<!-- MyComponent.stories.mdx --->
|
|
|
|
import { Canvas } from '@storybook/addon-docs/blocks';
|
|
|
|
<!--- This is your Story template function, shown here in React -->
|
|
|
|
export const Template = (args) => <Badge {...args } />;
|
|
|
|
<Canvas>
|
|
<Story name="warning" args={{status: 'warning', label: 'Warning'}}>
|
|
{Template.bind({})}
|
|
</Story>
|
|
<Story name="neutral" args={{status: 'neutral', label: 'Neutral' }}>
|
|
{Template.bind({})}
|
|
</Story>
|
|
<Story name="error" args={{status: 'error', label: 'Error' }}>
|
|
{Template.bind({})}
|
|
</Story>
|
|
</Canvas>
|
|
```
|