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

Add addon-backgrounds to polymer-cli examples

Browse Source
This commit is contained in:
igor-dv 2018-06-07 10:58:02 +03:00
parent a4c7365f24
commit 8bdc44149e
3 changed files with 13 additions and 0 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,5 +1,6 @@
import '@storybook/addon-storysource/register';
import '@storybook/addon-actions/register';
import '@storybook/addon-backgrounds/register';
import '@storybook/addon-notes/register';
import '@storybook/addon-knobs/register';
import '@storybook/addon-links/register';

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

@ -10,6 +10,7 @@
"dependencies": {
"@polymer/polymer": "^2.6.0",
"@storybook/addon-actions": "4.0.0-alpha.8",
"@storybook/addon-backgrounds": "4.0.0-alpha.8",
"@storybook/addon-knobs": "4.0.0-alpha.8",
"@storybook/addon-links": "4.0.0-alpha.8",
"@storybook/addon-notes": "4.0.0-alpha.8",

11
examples/polymer-cli/src/stories/addon-backgrounds.stories.js Normal file
View File

@ -0,0 +1,11 @@
import { storiesOf } from '@storybook/polymer';
import backgrounds from '@storybook/addon-backgrounds';
storiesOf('Addon|Backgrounds', module)
.addDecorator(
backgrounds([
{ name: 'twitter', value: '#00aced', default: true },
{ name: 'facebook', value: '#3b5998' },
])
)
.add('button with text', () => '<button>Click me</button>');