| OLD | NEW |
| (Empty) |
| 1 iron-selector | |
| 2 ============= | |
| 3 | |
| 4 `iron-selector` is an element which can be used to manage a list of elements | |
| 5 that can be selected. Tapping on the item will make the item selected. The `se
lected` indicates | |
| 6 which item is being selected. The default is to use the index of the item. | |
| 7 | |
| 8 Example: | |
| 9 | |
| 10 ```html | |
| 11 <iron-selector selected="0"> | |
| 12 <div>Item 1</div> | |
| 13 <div>Item 2</div> | |
| 14 <div>Item 3</div> | |
| 15 </iron-selector> | |
| 16 ``` | |
| 17 | |
| 18 If you want to use the attribute value of an element for `selected` instead of t
he index, | |
| 19 set `attrForSelected` to the name of the attribute. For example, if you want to
select item by | |
| 20 `name`, set `attrForSelected` to `name`. | |
| 21 | |
| 22 Example: | |
| 23 | |
| 24 ```html | |
| 25 <iron-selector attr-for-selected="name" selected="foo"> | |
| 26 <div name="foo">Foo</div> | |
| 27 <div name="bar">Bar</div> | |
| 28 <div name="zot">Zot</div> | |
| 29 </iron-selector> | |
| 30 ``` | |
| 31 | |
| 32 `iron-selector` is not styled. Use the `iron-selected` CSS class to style the se
lected element. | |
| 33 | |
| 34 Example: | |
| 35 | |
| 36 ```html | |
| 37 <style> | |
| 38 .iron-selected { | |
| 39 background: #eee; | |
| 40 } | |
| 41 </style> | |
| 42 | |
| 43 ... | |
| 44 | |
| 45 <iron-selector selected="0"> | |
| 46 <div>Item 1</div> | |
| 47 <div>Item 2</div> | |
| 48 <div>Item 3</div> | |
| 49 </iron-selector> | |
| 50 ``` | |
| OLD | NEW |