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

more clear examples

Browse Source
This commit is contained in:
Daniel Duan 2017-11-15 20:31:28 -05:00
parent ebd12705fd
commit efcc280a77
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
examples/cra-kitchen-sink/src/stories/addon-notes.stories.js
View File

@ -4,7 +4,7 @@ import { storiesOf } from '@storybook/react';
import { withNotes, WithNotes } from '@storybook/addon-notes';
import { action } from '@storybook/addon-actions';
import BaseButton from '../components/BaseButton';
import notes from './notes/notes.md';
import markdownNotes from './notes/notes.md';
storiesOf('Addon Notes', module)
.add(
@ -14,8 +14,8 @@ storiesOf('Addon Notes', module)
)(() => <BaseButton label="Button with notes - check the notes panel for details" />)
)
.add(
'withNotes (markdown)',
withNotes(notes)(() => (
'withNotes rendering imported markdown',
withNotes(markdownNotes)(() => (
<BaseButton label="Button with notes - check the notes panel for details" />
))
)

7
examples/cra-kitchen-sink/src/stories/notes/notes.md
View File

@ -1,9 +1,10 @@
# Hello
# This is a Markdown File
## World
#### It is imported and compiled using a webpack markdown loader
Supports code snippets too:
```jsx
<div>
Foo
</div>
```
```