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

MDX knobs example

Browse Source
This commit is contained in:
Michael Shilman 2019-11-09 11:33:45 +08:00
parent d217fbdb9e
commit 703f932416
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
examples/official-storybook/stories/addon-docs/addon-docs.stories.mdx
View File

@ -8,6 +8,7 @@ import {
ColorItem,
Meta,
} from '@storybook/addon-docs/blocks';
import { withKnobs, text } from '@storybook/addon-knobs';
import { action } from '@storybook/addon-actions';
import { Button } from '@storybook/react/demo';
import FlowTypeButton from '../../components/FlowTypeButton';
@ -16,7 +17,7 @@ import { DocgenButton } from '../../components/DocgenButton';
<Meta
title="Addons|Docs/mdx"
component={Button}
decorators={[storyFn => <div style={{ backgroundColor: 'yellow' }}>{storyFn()}</div>]}
decorators={[storyFn => <div style={{ backgroundColor: 'yellow' }}>{storyFn()}</div>, withKnobs]}
parameters={{ notes: 'component notes' }}
/>
@ -64,7 +65,7 @@ export const nonStory2 = () => <Button>Not a story</Button>; // another one
<Preview>
<Story name="hello story">
<Button onClick={action('clicked')}>hello world</Button>
<Button onClick={action('clicked')}>{text('caption', 'hello world')}</Button>
</Story>
<Story name="goodbye">
<Button onClick={action('clicked')}>goodbye world</Button>