GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 23:11:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix : typo in props name

Browse Source
This commit is contained in:
jylee 2022-03-15 19:04:57 +09:00
parent a0f1dc18ea
commit 4c6e17ddbd
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/snippets/react/button-story-using-args.js.mdx
View File

@ -19,7 +19,7 @@ const Template = (args) => <Button {...args} />;
// 👇 Each story then reuses that template
export const Primary = Template.bind({});
Primary.args = { background: '#ff0', label: 'Button' };
Primary.args = { backgroundColor: '#ff0', label: 'Button' };
export const Secondary = Template.bind({});
Secondary.args = { ...Primary.args, label: '😄👍😍💯' };

6
docs/snippets/react/button-story-with-emojis.mdx.mdx
View File

@ -8,14 +8,14 @@ import { Button } from './Button';
<Meta title="Button" component={Button}/>
<Story name="Primary">
<Button background="#ff0" label="Button" />
<Button backgroundColor="#ff0" label="Button" />
</Story>
<Story name="Secondary">
<Button background="#ff0" label="😄👍😍💯" />
<Button backgroundColor="#ff0" label="😄👍😍💯" />
</Story>
<Story name="Tertiary">
<Button background="#ff0" label="📚📕📈🤓" />
<Button backgroundColor="#ff0" label="📚📕📈🤓" />
</Story>
```

4
docs/snippets/react/button-story-with-emojis.ts.mdx
View File

@ -21,10 +21,10 @@ export const Primary: ComponentStory<typeof Button> = () => (
);
export const Secondary: ComponentStory<typeof Button> = () => (
<Button background="#ff0" label="😄👍😍💯" />
<Button backgroundColor="#ff0" label="😄👍😍💯" />
);
export const Tertiary: ComponentStory<typeof Button> = () => (
<Button background="#ff0" label="📚📕📈🤓" />
<Button backgroundColor="#ff0" label="📚📕📈🤓" />
);
```