Fixes #21: Adds an example of using paper-items as links.

PolymerElements · Feb 22, 2016 · 32741a2 · 32741a2
1 parent 2d9d12e
commit 32741a2
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -163,6 +163,29 @@ <h3>Complex layouts are usually a combination of all these elements</h3>
         </div>
       </template>
     </demo-snippet>
+
+    <h3>Paper-items can be used as links</h3>
+    <demo-snippet>
+      <template>
+        <style is="custom-style">
+          .paper-item-link {
+            color: inherit;
+            text-decoration: none;
+          }
+        </style>
+        <div role="listbox">
+          <a class="paper-item-link" href="#inbox" tabindex="-1">
+            <paper-item>Inbox</paper-item>
+          </a>
+          <a class="paper-item-link" href="#starred" tabindex="-1">
+            <paper-item>Starred</paper-item>
+          </a>
+          <a class="paper-item-link" href="#sent" tabindex="-1">
+            <paper-item>Sent mail</paper-item>
+          </a>
+        </div>
+      </template>
+    </demo-snippet>
   </div>
 </body>
 </html>