diff --git a/rhodecode/public/js/src/components/rhodecode-toggle/rhodecode-toggle.html b/rhodecode/public/js/src/components/rhodecode-toggle/rhodecode-toggle.html
new file mode 100644
--- /dev/null
+++ b/rhodecode/public/js/src/components/rhodecode-toggle/rhodecode-toggle.html
@@ -0,0 +1,14 @@
+<link rel="import" href="../../../../../../bower_components/paper-toggle-button/paper-toggle-button.html">
+
+<dom-module id="rhodecode-toggle">
+    <template>
+        <style include="shared-styles"></style>
+        <!--<link rel="stylesheet" href="rhodecode-toggle.css">-->
+        FOOBAR
+        <paper-toggle-button>
+            toggle
+        </paper-toggle-button>
+    </template>
+
+    <script src="rhodecode-toggle.js"></script>
+</dom-module>
diff --git a/rhodecode/public/js/src/components/rhodecode-toggle/rhodecode-toggle.js b/rhodecode/public/js/src/components/rhodecode-toggle/rhodecode-toggle.js
new file mode 100644
--- /dev/null
+++ b/rhodecode/public/js/src/components/rhodecode-toggle/rhodecode-toggle.js
@@ -0,0 +1,3 @@
+Polymer({
+    is: 'rhodecode-toggle'
+});
diff --git a/rhodecode/public/js/src/components/shared-components.html b/rhodecode/public/js/src/components/shared-components.html
--- a/rhodecode/public/js/src/components/shared-components.html
+++ b/rhodecode/public/js/src/components/shared-components.html
@@ -6,4 +6,5 @@
 <link rel="import" href="../../../../../bower_components/iron-ajax/iron-ajax.html">
 <link rel="import" href="shared-styles.html">
 <link rel="import" href="rhodecode-toast/rhodecode-toast.html">
+<link rel="import" href="rhodecode-toggle/rhodecode-toggle.html">
 <link rel="import" href="rhodecode-unsafe-html/rhodecode-unsafe-html.html">