| OLD | NEW |
| (Empty) |
| 1 | |
| 2 <!--- | |
| 3 | |
| 4 This README is automatically generated from the comments in these files: | |
| 5 iron-pages.html | |
| 6 | |
| 7 Edit those files, and our readme bot will duplicate them over here! | |
| 8 Edit this file, and the bot will squash your changes :) | |
| 9 | |
| 10 The bot does some handling of markdown. Please file a bug if it does the wrong | |
| 11 thing! https://github.com/PolymerLabs/tedium/issues | |
| 12 | |
| 13 --> | |
| 14 | |
| 15 [](https://travis-ci.org/PolymerElements/iron-pages) | |
| 16 | |
| 17 _[Demo and API Docs](https://elements.polymer-project.org/elements/iron-pages)_ | |
| 18 | |
| 19 | |
| 20 ##<iron-pages> | |
| 21 | |
| 22 `iron-pages` is used to select one of its children to show. One use is to cycle
through a list of | |
| 23 children "pages". | |
| 24 | |
| 25 Example: | |
| 26 | |
| 27 ```html | |
| 28 <iron-pages selected="0"> | |
| 29 <div>One</div> | |
| 30 <div>Two</div> | |
| 31 <div>Three</div> | |
| 32 </iron-pages> | |
| 33 | |
| 34 <script> | |
| 35 document.addEventListener('click', function(e) { | |
| 36 var pages = document.querySelector('iron-pages'); | |
| 37 pages.selectNext(); | |
| 38 }); | |
| 39 </script> | |
| 40 ``` | |
| 41 | |
| 42 | |
| OLD | NEW |