diff options
Diffstat (limited to 'catapult/third_party/polymer/components/iron-pages/README.md')
-rw-r--r-- | catapult/third_party/polymer/components/iron-pages/README.md | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/catapult/third_party/polymer/components/iron-pages/README.md b/catapult/third_party/polymer/components/iron-pages/README.md new file mode 100644 index 00000000..7a2e6b70 --- /dev/null +++ b/catapult/third_party/polymer/components/iron-pages/README.md @@ -0,0 +1,42 @@ + +<!--- + +This README is automatically generated from the comments in these files: +iron-pages.html + +Edit those files, and our readme bot will duplicate them over here! +Edit this file, and the bot will squash your changes :) + +The bot does some handling of markdown. Please file a bug if it does the wrong +thing! https://github.com/PolymerLabs/tedium/issues + +--> + +[![Build status](https://travis-ci.org/PolymerElements/iron-pages.svg?branch=master)](https://travis-ci.org/PolymerElements/iron-pages) + +_[Demo and API docs](https://elements.polymer-project.org/elements/iron-pages)_ + + +##<iron-pages> + +`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> +``` + + |