Index: pkg/polymer/lib/elements/polymer-ui-breadcrumbs/demo.html |
diff --git a/pkg/polymer/lib/elements/polymer-ui-breadcrumbs/demo.html b/pkg/polymer/lib/elements/polymer-ui-breadcrumbs/demo.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..2b6817452ab1d94d21a24329e6ed34cd71186e97 |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/polymer-ui-breadcrumbs/demo.html |
@@ -0,0 +1,52 @@ |
+ |
+<!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>Breadcrumbs</title> |
+ <script src="../platform/platform.js"></script> |
+ <link rel="import" href="polymer-ui-breadcrumbs.html"> |
+ <link rel="import" href="../polymer-ui-toolbar/polymer-ui-toolbar.html"> |
+ <link rel="stylesheet" href="../polymer-ui-base/base.css"> |
+ <style> |
+ html, body { |
+ margin: 0; |
+ } |
+ </style> |
+ </head> |
+ <body class="polymer-ui-body-text" unresolved> |
+ <polymer-element name="x-test"> |
+ <template> |
+ <style> |
+ polymer-ui-breadcrumbs { |
+ padding-left: 20px; |
+ } |
+ </style> |
+ <polymer-ui-toolbar> |
+ <polymer-ui-breadcrumbs crumbs="{{crumbs}}" selected="{{selected}}" selectedCrumb="{{selectedCrumb}}"></polymer-ui-breadcrumbs> |
+ </polymer-ui-toolbar> |
+ <br><br> |
+ <div>label: {{selectedCrumb.label}}</div> |
+ selected: <input value="{{selected}}"> |
+ </template> |
+ <script> |
+ Polymer('x-test', { |
+ ready: function() { |
+ this.crumbs = [ |
+ {label: 'Overview'}, |
+ {label: 'Subitem1'}, |
+ {label: 'Subitem2'}, |
+ {label: 'Subitem3'} |
+ ]; |
+ } |
+ }); |
+ </script> |
+ </polymer-element> |
+ |
+ <x-test></x-test> |
+ </body> |
+</html> |