Index: third_party/polymer/v0_8/components-chromium/iron-pages/README.md |
diff --git a/third_party/polymer/v0_8/components-chromium/iron-pages/README.md b/third_party/polymer/v0_8/components-chromium/iron-pages/README.md |
index 24c1c6cb0de7507334e7e464f4d26ad9b51265f2..716ccc396fbeeedc6309dfb929becbc0b2a181a0 100644 |
--- a/third_party/polymer/v0_8/components-chromium/iron-pages/README.md |
+++ b/third_party/polymer/v0_8/components-chromium/iron-pages/README.md |
@@ -1,4 +1,22 @@ |
iron-pages |
========== |
-See the [component page](http://polymer-project.org/docs/elements/iron-elements.html#iron-pages) for more information. |
+`iron-pages` is used to select one of its children to show. One use is to cycle through a list of |
+children "pages". |
+ |
+Example: |
+ |
+```html |
+<iron-pages selected="0"> |
+ <div>One</div> |
+ <div>Two</div> |
+ <div>Three</div> |
+</iron-pages> |
+ |
+<script> |
+ document.addEventListener('click', function(e) { |
+ var pages = document.querySelector('iron-pages'); |
+ pages.selectNext(); |
+ }); |
+</script> |
+``` |