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

Notes addon for Polymer

Browse Source
This commit is contained in:
Léon Rodenburg 2017-11-03 15:24:57 +01:00
parent 7783362848
commit daa22d33fd
3 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
examples/polymer-cli/.storybook/addons.js
View File

@ -1 +1,2 @@
import '@storybook/addon-actions/register'; import '@storybook/addon-actions/register';
import '@storybook/addon-notes/register';

1
examples/polymer-cli/package.json
View File

@ -8,6 +8,7 @@
"dependencies": { "dependencies": {
"@polymer/polymer": "^2.2.0", "@polymer/polymer": "^2.2.0",
"@storybook/addon-actions": "file:../../addons/actions", "@storybook/addon-actions": "file:../../addons/actions",
"@storybook/addon-notes": "file:../../addons/notes",
"@storybook/polymer": "file:../../app/polymer", "@storybook/polymer": "file:../../app/polymer",
"@webcomponents/webcomponentsjs": "^1.0.17", "@webcomponents/webcomponentsjs": "^1.0.17",
"global": "^4.3.2", "global": "^4.3.2",

9
examples/polymer-cli/src/stories/index.js
View File

@ -1,5 +1,6 @@
import { storiesOf } from '@storybook/polymer'; import { storiesOf } from '@storybook/polymer';
import { action } from '@storybook/addon-actions'; import { action } from '@storybook/addon-actions';
import { withNotes } from '@storybook/addon-notes';
import { document } from 'global'; import { document } from 'global';
import '../playground-button.html'; import '../playground-button.html';
import './storybook-welcome-to-polymer.html'; import './storybook-welcome-to-polymer.html';
@ -15,4 +16,10 @@ storiesOf('<playground-button>', module)
const el = document.createElement('playground-button'); const el = document.createElement('playground-button');
el.addEventListener('click', action('Button clicked')); el.addEventListener('click', action('Button clicked'));
return el; return el;
}); })
.add(
'with notes',
withNotes('We have the <strong>best</strong> playground buttons, ever.')(
() => '<playground-button></playground-button>'
)
);