4 <title>Selector</title>
5 <script src="../platform/platform.js"></script>
6 <link rel="import" href="polymer-selector.html">
9 <polymer-element name="selector-examples">
14 border: 1px solid #ccc;
27 border-bottom: 1px solid #ccc;
30 .list > *.polymer-selected {
38 li.polymer-selected:after {
46 <polymer-selector class="list" selected="0">
54 <h2>multi-selection</h2>
55 <polymer-selector class="list" selected="{{multiSelected}}" multi>
64 <polymer-selector target="{{$.list}}" selected="0"></polymer-selector>
73 <h2>binding of a group of radio buttons to a variable</h2>
74 <polymer-selector target="{{$.myForm}}" itemsSelector="input[type=radio]"
75 selected="{{color}}" valueattr="value" selectedProperty="checked"
76 activateEvent="change"></polymer-selector>
78 <label><input type="radio" name="color" value="red"> Red</label> <br>
79 <label><input type="radio" name="color" value="green"> Green</label> <br>
80 <label><input type="radio" name="color" value="blue"> Blue</label> <br>
81 <p>color = {{color}}</p>
87 Polymer('selector-examples', {
89 this.multiSelected = [1, 3];
96 <selector-examples></selector-examples>