| 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>
|
|
|