mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-05 16:11:33 +08:00
30 lines
1.2 KiB
JavaScript
30 lines
1.2 KiB
JavaScript
import hbs from 'htmlbars-inline-precompile';
|
|
import { storiesOf } from '@storybook/ember';
|
|
import { withNotes } from '@storybook/addon-notes';
|
|
|
|
storiesOf('Addon|Notes', module)
|
|
.addDecorator(withNotes)
|
|
.addParameters({ options: { selectedAddonPanel: 'storybook/notes/panel' } })
|
|
.add(
|
|
'Simple note',
|
|
() => ({
|
|
template: hbs`<p><strong>Etiam vulputate elit eu venenatis eleifend. Duis nec lectus augue. Morbi egestas diam sed vulputate mollis. Fusce egestas pretium vehicula. Integer sed neque diam. Donec consectetur velit vitae enim varius, ut placerat arcu imperdiet. Praesent sed faucibus arcu. Nullam sit amet nibh a enim eleifend rhoncus. Donec pretium elementum leo at fermentum. Nulla sollicitudin, mauris quis semper tempus, sem metus tristique diam, efficitur pulvinar mi urna id urna.</strong></p>`,
|
|
}),
|
|
{ notes: 'My notes on some bold text' }
|
|
)
|
|
.add(
|
|
'Note with HTML',
|
|
() => ({
|
|
template: hbs`<p>🤔😳😯😮<br/>😄😩😓😱<br/>🤓😑😶😊</p>`,
|
|
}),
|
|
{
|
|
notes: `
|
|
<h2>My notes on emojies</h2>
|
|
|
|
<em>It's not all that important to be honest, but..</em>
|
|
|
|
Emojis are great, I love emojis, in fact I like using them in my Component notes too! 😇
|
|
`,
|
|
}
|
|
);
|