Add addon-backgrounds to polymer-cli examples

estevaolucas · Jun 7, 2018 · 8bdc441 · 8bdc441
1 parent a4c7365
commit 8bdc441
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/examples/polymer-cli/.storybook/addons.js b/examples/polymer-cli/.storybook/addons.js
@@ -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';

diff --git a/examples/polymer-cli/package.json b/examples/polymer-cli/package.json
@@ -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",

diff --git a/examples/polymer-cli/src/stories/addon-backgrounds.stories.js b/examples/polymer-cli/src/stories/addon-backgrounds.stories.js
@@ -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>');