OLD | NEW |
(Empty) | |
| 1 |
| 2 <!doctype html> |
| 3 <!-- |
| 4 Copyright 2013 The Polymer Authors. All rights reserved. |
| 5 Use of this source code is governed by a BSD-style |
| 6 license that can be found in the LICENSE file. |
| 7 --> |
| 8 <html> |
| 9 <head> |
| 10 <title>polymer-ui-menu</title> |
| 11 <script src="../platform/platform.js"></script> |
| 12 <link rel="import" href="polymer-ui-menu.html"> |
| 13 <link rel="import" href="../polymer-ui-menu-item/polymer-ui-menu-item.html"> |
| 14 <link rel="import" href="../polymer-ui-submenu-item/polymer-ui-submenu-item.
html"> |
| 15 <link rel="stylesheet" href="../polymer-ui-base/base.css"> |
| 16 <style> |
| 17 body > polymer-ui-menu { |
| 18 width: 300px; |
| 19 } |
| 20 </style> |
| 21 </head> |
| 22 <body class="polymer-ui-body-text" unresolved> |
| 23 <h2>polymer-ui-light-theme</h2> |
| 24 <polymer-ui-menu selected="0" theme="polymer-ui-light-theme"> |
| 25 <polymer-ui-menu-item icon="settings" label="Settings"></polymer-ui-menu-i
tem> |
| 26 <polymer-ui-menu-item icon="dialog" label="Dialog"></polymer-ui-menu-item> |
| 27 <polymer-ui-menu-item icon="search" label="Search"></polymer-ui-menu-item> |
| 28 </polymer-ui-menu> |
| 29 <h2>polymer-ui-dark-theme</h2> |
| 30 <polymer-ui-menu selected="0" theme="polymer-ui-dark-theme"> |
| 31 <polymer-ui-menu-item icon="settings" label="Settings"></polymer-ui-menu-i
tem> |
| 32 <polymer-ui-menu-item icon="dialog" label="Dialog"></polymer-ui-menu-item> |
| 33 <polymer-ui-menu-item icon="search" label="Search"></polymer-ui-menu-item> |
| 34 </polymer-ui-menu> |
| 35 <h2>no icons</h2> |
| 36 <polymer-ui-menu selected="0" theme="polymer-ui-dark-theme"> |
| 37 <polymer-ui-menu-item label="Settings"></polymer-ui-menu-item> |
| 38 <polymer-ui-menu-item label="Dialog"></polymer-ui-menu-item> |
| 39 <polymer-ui-menu-item label="Search"></polymer-ui-menu-item> |
| 40 </polymer-ui-menu> |
| 41 <h2>sub-menu</h2> |
| 42 <polymer-ui-menu selected="0" theme="polymer-ui-dark-theme"> |
| 43 <polymer-ui-submenu-item icon="settings" label="Topics"> |
| 44 <polymer-ui-menu-item label="Topics 1"></polymer-ui-menu-item> |
| 45 <polymer-ui-menu-item label="Topics 2"></polymer-ui-menu-item> |
| 46 </polymer-ui-submenu-item> |
| 47 <polymer-ui-submenu-item icon="settings" label="Favorites"> |
| 48 <polymer-ui-menu-item label="Favorites 1"></polymer-ui-menu-item> |
| 49 <polymer-ui-menu-item label="Favorites 2"></polymer-ui-menu-item> |
| 50 <polymer-ui-menu-item label="Favorites 3"></polymer-ui-menu-item> |
| 51 </polymer-ui-submenu-item> |
| 52 </polymer-ui-menu> |
| 53 <h2>links (via href)</h2> |
| 54 <polymer-ui-menu selected="0" theme="polymer-ui-light-theme"> |
| 55 <polymer-ui-menu-item icon="settings" label="Settings" href="#settings"></
polymer-ui-menu-item> |
| 56 <polymer-ui-menu-item icon="dialog" label="Dialog" href="#dialog"></polyme
r-ui-menu-item> |
| 57 <polymer-ui-menu-item icon="search" label="Search" href="#search"></polyme
r-ui-menu-item> |
| 58 </polymer-ui-menu> |
| 59 <h2>links (via <a>)</h2> |
| 60 <polymer-ui-menu selected="0" theme="polymer-ui-light-theme"> |
| 61 <polymer-ui-menu-item icon="settings" label="Settings"><a href="#settings"
target="_self"></a></polymer-ui-menu-item> |
| 62 <polymer-ui-menu-item icon="dialog" label="Dialog"><a href="#dialog" targe
t="_self"></a></polymer-ui-menu-item> |
| 63 <polymer-ui-menu-item icon="search" label="Search"><a href="#search" targe
t="_self"></a></polymer-ui-menu-item> |
| 64 </polymer-ui-menu> |
| 65 </body> |
| 66 </html> |
OLD | NEW |