Index: chrome/browser/resources/demo_ui/demo-element.html |
diff --git a/chrome/browser/resources/demo_ui/demo-element.html b/chrome/browser/resources/demo_ui/demo-element.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..b4ecb1b8de4d046a4d1a71d488c79168927ddebf |
--- /dev/null |
+++ b/chrome/browser/resources/demo_ui/demo-element.html |
@@ -0,0 +1,40 @@ |
+<!-- Copyright 2015 The Chromium Authors. All rights reserved. |
+ Use of this source code is governed by a BSD-style license that can be |
+ found in the LICENSE file. --> |
+ |
+<link rel="import" href="chrome://resources/polymer/core-animated-pages/core-animated-pages.html"> |
+<link rel="import" href="chrome://resources/polymer/core-animated-pages/transitions/slide-from-right.html"> |
+<link rel="import" href="chrome://resources/polymer/paper-tabs/paper-tabs.html"> |
+<link rel="import" href="components/demo_ui/demo-view.html"> |
+<link rel="import" href="events/events-demo.html"> |
+<link rel="import" href="reuse/reuse-demo.html"> |
+<link rel="import" href="strings/strings-demo.html"> |
+ |
+<polymer-element name="demo-element" extends="demo-view"> |
+ <template> |
+ <style> |
+ paper-tabs { |
+ background-color: #00bcd4; |
+ color: #fff; |
+ box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2); |
+ text-transform: uppercase; |
+ font-weight: bold; |
+ } |
+ </style> |
+ <template repeat="{{ kv in contextDump }}"> |
+ <div>{{kv.key}}: '{{kv.value}}'</div> |
+ </template> |
+ <paper-tabs selected="{{selectedPage}}" noink> |
+ <paper-tab>Events demo</paper-tab> |
+ <paper-tab>Strings demo</paper-tab> |
+ <paper-tab>Reuse demo</paper-tab> |
+ </paper-tabs> |
+ <core-animated-pages selected="{{selectedPage}}" transitions="slide-from-right"> |
+ <events-demo wugid="events"></events-demo> |
+ <strings-demo wugid="strings"></strings-demo> |
+ <reuse-demo wugid="reuse"></reuse-demo> |
+ </core-animated-pages> |
+ </template> |
+</polymer-element> |
+ |
+<script src="demo-element.js"></script> |