Index: pkg/polymer/lib/elements/polymer-ui-iconset/demo.html |
diff --git a/pkg/polymer/lib/elements/polymer-ui-iconset/demo.html b/pkg/polymer/lib/elements/polymer-ui-iconset/demo.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..5db40bab500ae4e0d06f808643745b03cb311a8c |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/polymer-ui-iconset/demo.html |
@@ -0,0 +1,60 @@ |
+ |
+<!doctype html> |
+<!-- |
+Copyright 2013 The Polymer Authors. All rights reserved. |
+Use of this source code is governed by a BSD-style |
+license that can be found in the LICENSE file. |
+--> |
+<html> |
+ <head> |
+ <title>polymer-ui-iconset</title> |
+ <script src="../platform/platform.js"></script> |
+ <link rel="import" href="polymer-ui-iconset.html"> |
+ <link rel="import" href="../polymer-ui-icon/polymer-ui-icon.html"> |
+ <link rel="import" href="../polymer-ui-icon-button/polymer-ui-icon-button.html"> |
+ <link rel="import" href="../polymer-ui-toolbar/polymer-ui-toolbar.html"> |
+ <link rel="import" href="../polymer-ui-menu-item/polymer-ui-menu-item.html"> |
+ <link rel="import" href="../polymer-ui-menu/polymer-ui-menu.html"> |
+ <link rel="stylesheet" href="../polymer-ui-base-css/base.css"> |
+ <style> |
+ polymer-ui-menu { |
+ width: 300px; |
+ } |
+ </style> |
+ </head> |
+ <body class="polymer-ui-body-text" theme="polymer-ui-light-theme" unresolved> |
+ <!-- using polymer icon set --> |
+ <polymer-ui-toolbar> |
+ <polymer-ui-icon-button icon="menu"></polymer-ui-icon-button> |
+ <div flex>polymer icon set</div> |
+ <polymer-ui-icon-button icon="trash"></polymer-ui-icon-button> |
+ </polymer-ui-toolbar> |
+ <br><br> |
+ <polymer-ui-menu selected="0"> |
+ <polymer-ui-menu-item icon="add" label="Add"></polymer-ui-menu-item> |
+ <polymer-ui-menu-item icon="trash" label="Trash"></polymer-ui-menu-item> |
+ <polymer-ui-menu-item icon="settings" label="Settings"></polymer-ui-menu-item> |
+ </polymer-ui-menu> |
+ <br><br> |
+ |
+ <!-- register user-defined icon set --> |
+ <polymer-ui-iconset id="my-icons" src="my-icons.png" width="96" iconsize="24" |
+ icons="location place starta stopb bus car train walk"> |
+ </polymer-ui-iconset> |
+ |
+ <!-- use prefix (e.g. my-icons:location) to use user-defined icon set --> |
+ <polymer-ui-toolbar> |
+ <polymer-ui-icon-button icon="my-icons:location"></polymer-ui-icon-button> |
+ <div flex>user-defined icon set</div> |
+ <polymer-ui-icon-button icon="my-icons:bus"></polymer-ui-icon-button> |
+ <polymer-ui-icon-button icon="my-icons:place"></polymer-ui-icon-button> |
+ <polymer-ui-icon-button icon="trash"></polymer-ui-icon-button> |
+ </polymer-ui-toolbar> |
+ <br><br> |
+ <polymer-ui-menu selected="0"> |
+ <polymer-ui-menu-item icon="my-icons:starta" label="Start"></polymer-ui-menu-item> |
+ <polymer-ui-menu-item icon="my-icons:stopb" label="Stop"></polymer-ui-menu-item> |
+ <polymer-ui-menu-item icon="settings" label="Settings"></polymer-ui-menu-item> |
+ </polymer-ui-menu> |
+ </body> |
+</html> |