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>Breadcrumbs</title> |
| 11 <script src="../platform/platform.js"></script> |
| 12 <link rel="import" href="polymer-ui-breadcrumbs.html"> |
| 13 <link rel="import" href="../polymer-ui-toolbar/polymer-ui-toolbar.html"> |
| 14 <link rel="stylesheet" href="../polymer-ui-base/base.css"> |
| 15 <style> |
| 16 html, body { |
| 17 margin: 0; |
| 18 } |
| 19 </style> |
| 20 </head> |
| 21 <body class="polymer-ui-body-text" unresolved> |
| 22 <polymer-element name="x-test"> |
| 23 <template> |
| 24 <style> |
| 25 polymer-ui-breadcrumbs { |
| 26 padding-left: 20px; |
| 27 } |
| 28 </style> |
| 29 <polymer-ui-toolbar> |
| 30 <polymer-ui-breadcrumbs crumbs="{{crumbs}}" selected="{{selected}}" se
lectedCrumb="{{selectedCrumb}}"></polymer-ui-breadcrumbs> |
| 31 </polymer-ui-toolbar> |
| 32 <br><br> |
| 33 <div>label: {{selectedCrumb.label}}</div> |
| 34 selected: <input value="{{selected}}"> |
| 35 </template> |
| 36 <script> |
| 37 Polymer('x-test', { |
| 38 ready: function() { |
| 39 this.crumbs = [ |
| 40 {label: 'Overview'}, |
| 41 {label: 'Subitem1'}, |
| 42 {label: 'Subitem2'}, |
| 43 {label: 'Subitem3'} |
| 44 ]; |
| 45 } |
| 46 }); |
| 47 </script> |
| 48 </polymer-element> |
| 49 |
| 50 <x-test></x-test> |
| 51 </body> |
| 52 </html> |
OLD | NEW |