Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(55)

Side by Side Diff: pkg/polymer/lib/elements/polymer-ui-nav-arrow/demo.html

Issue 175443005: [polymer] import all elements (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: updated from bower Created 6 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
(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>polymer-ui-nav-arrow</title>
11 <script src="../platform/platform.js"></script>
12 <link rel="import" href="polymer-ui-nav-arrow.html">
13 <link rel="import" href="../polymer-selector/polymer-selector.html">
14 <link rel="stylesheet" href="../polymer-ui-base/base.css">
15 <style>
16 .container {
17 position: relative;
18 width: 300px;
19 }
20
21 polymer-selector {
22 display: block;
23 border: 1px solid #ccc;
24 border-bottom: none;
25 background: #666;
26 color: white;
27 }
28
29 polymer-selector > * {
30 height: 40px;
31 line-height: 40px;
32 padding: 0 20px;
33 border-bottom: 1px solid #ccc;
34 }
35
36 polymer-selector > *.polymer-selected {
37 background: #333;
38 }
39 </style>
40 </head>
41 <body class="polymer-ui-body-text" unresolved>
42 <div class="container">
43 <polymer-selector>
44 <div>Item 1</div>
45 <div>Item 2</div>
46 <div>Item 3</div>
47 <div>Item 4</div>
48 <div>Item 5</div>
49 </polymer-selector>
50 <polymer-ui-nav-arrow></polymer-ui-nav-arrow>
51 </div>
52
53 <script>
54 document.addEventListener('polymer-ready', function() {
55 var selector = document.querySelector('polymer-selector');
56 selector.addEventListener('polymer-select', function(e) {
57 if (e.detail.isSelected) {
58 document.querySelector('polymer-ui-nav-arrow').target = e.detail.ite m;
59 }
60 });
61 })
62 </script>
63 </body>
64 </html>
OLDNEW
« no previous file with comments | « pkg/polymer/lib/elements/polymer-ui-nav-arrow/bower.json ('k') | pkg/polymer/lib/elements/polymer-ui-nav-arrow/index.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698