Polymer 1.0: Where is a working example of <paper-tabs> to control content?

Question

Background

• Here is the documentation for the <paper-tabs> element.
• Here is an issue describing the lack of content in the demo examples.
• The demo examples illustrate tab headers but omit tab content.

Question

Can someone please point to an example showing how <paper-tabs> can be used to control the display of content?

Answer 1

It's in the docs of the first link:

A common usage for paper-tabs is to use it along with iron-pages to switch between different views.

<paper-tabs selected="{{selected}}">
  <paper-tab>Tab 1</paper-tab>
  <paper-tab>Tab 2</paper-tab>
  <paper-tab>Tab 3</paper-tab>
</paper-tabs>

<iron-pages selected="{{selected}}">
  <div>Page 1</div>
  <div>Page 2</div>
  <div>Page 3</div>
</iron-pages>