Index: third_party/polymer/components-chromium/core-menu-button/demo.html |
diff --git a/third_party/polymer/components-chromium/core-menu-button/demo.html b/third_party/polymer/components-chromium/core-menu-button/demo.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..6235b314c37c680053f4488704ef209f457a8486 |
--- /dev/null |
+++ b/third_party/polymer/components-chromium/core-menu-button/demo.html |
@@ -0,0 +1,90 @@ |
+ |
+<!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>core-menu-button</title> |
+ <script src="../platform/platform.js"></script> |
+ <link rel="import" href="core-menu-button.html"> |
+ <link rel="import" href="../core-item/core-item.html"> |
+ <link rel="import" href="../core-toolbar/core-toolbar.html"> |
+ <style> |
+ body { |
+ margin: 0; |
+ font-family: sans-serif; |
+ } |
+ |
+ core-toolbar { |
+ background-color: #cfa0e9; |
+ overflow: hidden; |
+ } |
+ |
+ .small::shadow core-icon-button { |
+ padding: 12px; |
+ } |
+ |
+ .small::shadow core-icon-button::shadow core-icon { |
+ display: block; |
+ height: 14px; |
+ width: 14px; |
+ } |
+ |
+ </style> |
+</head> |
+<body class="core-body-text" unresolved> |
+ |
+ |
+ <br> |
+ <br> |
+ <br> |
+ <br> |
+ <br> |
+ <br> |
+ <br> |
+ <br> |
+ <br> |
+ <br> |
+ <core-toolbar> |
+ |
+ <core-menu-button icon="menu"> |
+ |
+ <core-item icon="settings" label="Settings"></core-item> |
+ <core-item icon="add" label="Add"></core-item> |
+ <core-item icon="search" label="Search"></core-item> |
+ |
+ </core-menu-button> |
+ |
+ <core-menu-button icon="menu" class="small"> |
+ |
+ <core-item icon="settings" label="Settings"></core-item> |
+ <core-item icon="add" label="Add"></core-item> |
+ <core-item icon="search" label="Search"></core-item> |
+ |
+ </core-menu-button> |
+ |
+ <div core-flex>Toolbar</div> |
+ |
+ <core-menu-button icon="add" halign="right"> |
+ |
+ <core-item icon="star-rate" label="Rate"></core-item> |
+ <core-item icon="today" label="Today"></core-item> |
+ <core-item icon="keep" label="Keep"></core-item> |
+ |
+ </core-menu-button> |
+ |
+ <core-menu-button icon="more-vert" halign="right" valign="top"> |
+ |
+ <core-item icon="visibility" label="Visibility"></core-item> |
+ <core-item icon="extension" label="Extension"></core-item> |
+ <core-item icon="info" label="Info"></core-item> |
+ |
+ </core-menu-button> |
+ |
+ </core-toolbar> |
+ |
+</body> |
+</html> |