Polymer 1.0: Var är ett fungerande exempel på <papper-flikar> för att styra innehåll? - polymer, element, polymer-1,0

Bakgrund

• Här är dokumentationen för <paper-tabs> element.
• Här är ett problem som beskriver bristen på innehåll i demo-exemplen.
• Demo-exemplen illustrera fliken headers men utelämna fliken innehåll.

Kan någon peka på ett exempel som visar hur <paper-tabs> kan användas för att styra visning av innehåll?

svar:

Det finns i docs av första länken:

En vanlig användning för pappersflikar är att använda den tillsammans med järnsidor för att växla mellan olika visningar.

<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>