From 8bdc44149e23cf0282edba364798f80661202f5f Mon Sep 17 00:00:00 2001
From: igor-dv <davydkin.igor@gmail.com>
Date: Thu, 7 Jun 2018 10:58:02 +0300
Subject: [PATCH] Add addon-backgrounds to polymer-cli examples

---
 examples/polymer-cli/.storybook/addons.js             |  1 +
 examples/polymer-cli/package.json                     |  1 +
 .../src/stories/addon-backgrounds.stories.js          | 11 +++++++++++
 3 files changed, 13 insertions(+)
 create mode 100644 examples/polymer-cli/src/stories/addon-backgrounds.stories.js

diff --git a/examples/polymer-cli/.storybook/addons.js b/examples/polymer-cli/.storybook/addons.js
index d910c581083..63116c29338 100644
--- 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
index 74487445c44..72682f0138d 100644
--- 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
new file mode 100644
index 00000000000..9c121fcdf2f
--- /dev/null
+++ 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>');