Update index.html

Link2Twenty · Jun 2, 2017 · 6d0082e · 6d0082e
1 parent cd8a05b
commit 6d0082e
Showing 1 changed file with 14 additions and 16 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -18,32 +18,30 @@
   </head>
   <body>
     <div class="vertical-section-container centered">
-      <h3>Basic l2t-paper-color-dialog demo</h3>
-      <demo-snippet>
+      <h3>l2t-paper-color demos</h3>
+      <demo-snippet><b>Default setup:</b>
         <template>
-          <paper-button raised onclick="dialog.open()">open dialog</paper-button>
-          <l2t-paper-color-dialog></l2t-paper-color-dialog>
-          <script>
-            dialog = document.querySelector('l2t-paper-color-dialog');
-          </script>
+          <l2t-paper-color></l2t-paper-color>
         </template>
       </demo-snippet>
-      <h3>Basic l2t-paper-color-advanced demo</h3>
-      <demo-snippet>
+      <demo-snippet><b>Value set:</b>
         <template>
-          <l2t-paper-color-advanced></l2t-paper-color-advanced>
+          <l2t-paper-color value="#607d8b"></l2t-paper-color>
         </template>
       </demo-snippet>
-      <h3>Basic l2t-paper-color-picker demo</h3>
-      <demo-snippet>
+      <demo-snippet><b>Disabled setup:</b>
         <template>
-          <l2t-paper-color-picker></l2t-paper-color-picker>
+          <l2t-paper-color disabled value="#4caf50"></l2t-paper-color>
         </template>
       </demo-snippet>
-      <h3>Basic l2t-paper-color-radio demo</h3>
-      <demo-snippet>
+      <demo-snippet><b>Readonly setup:</b>
         <template>
-          <l2t-paper-color-radio></l2t-paper-color-radio>
+          <l2t-paper-color readonly value="#db1fa0"></l2t-paper-color>
+        </template>
+      </demo-snippet>
+      <demo-snippet><b>Hide advance options:</b>
+        <template>
+          <l2t-paper-color hide-advanced></l2t-paper-color>
         </template>
       </demo-snippet>
     </div>