diff options
Diffstat (limited to 'static/bower_components/iron-selector/README.md')
-rw-r--r-- | static/bower_components/iron-selector/README.md | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/static/bower_components/iron-selector/README.md b/static/bower_components/iron-selector/README.md new file mode 100644 index 0000000..6bece29 --- /dev/null +++ b/static/bower_components/iron-selector/README.md @@ -0,0 +1,50 @@ +iron-selector
+=============
+
+`iron-selector` is an element which can be used to manage a list of elements
+that can be selected. Tapping on the item will make the item selected. The `selected` indicates
+which item is being selected. The default is to use the index of the item.
+
+Example:
+
+```html
+<iron-selector selected="0">
+ <div>Item 1</div>
+ <div>Item 2</div>
+ <div>Item 3</div>
+</iron-selector>
+```
+
+If you want to use the attribute value of an element for `selected` instead of the index,
+set `attrForSelected` to the name of the attribute. For example, if you want to select item by
+`name`, set `attrForSelected` to `name`.
+
+Example:
+
+```html
+<iron-selector attr-for-selected="name" selected="foo">
+ <div name="foo">Foo</div>
+ <div name="bar">Bar</div>
+ <div name="zot">Zot</div>
+</iron-selector>
+```
+
+`iron-selector` is not styled. Use the `iron-selected` CSS class to style the selected element.
+
+Example:
+
+```html
+<style>
+ .iron-selected {
+ background: #eee;
+ }
+</style>
+
+...
+
+<iron-selector selected="0">
+ <div>Item 1</div>
+ <div>Item 2</div>
+ <div>Item 3</div>
+</iron-selector>
+```
|