Hi,

I was trying to implement tabs using paper tabs and iron pages.

I tried to find some examples for polymer tabs using polymer 2.0 but didnt 
any working and most of them are using polymer 1.0,0.5 which are not 
working now

Created below code pen , which works in selection of tab (even 
webcomponents.org paper tabs shows only tab selection and content display 
with tab selection)

https://codepen.io/nagasai/pen/owaGyP

<head>
   <base href=
"https://polygit.org/polymer+v2.0.0/shadycss+webcomponents+1.0.0/components/";
>


  <link rel="import" href="paper-tabs/paper-tabs.html">
  <link rel="import" href="paper-tabs/paper-tab.html">
  <link rel="import" href="iron-pages/iron-pages.html">
</head>


<body>
     <paper-tabs selected="{{selected}}">
       <paper-tab>Tab 1</paper-tab>
       <paper-tab>Tab 2</paper-tab>
      </paper-tabs>
      <iron-pages selected="{{selected}}">
       <div>
             Tab1 content
       </div>
       <div>
              Tab2 content
       </div>
      </iron-pages>
</body>

Follow Polymer on Google+: plus.google.com/107187849809354688692
--- 
You received this message because you are subscribed to the Google Groups 
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/polymer-dev/327db7e8-eea0-470e-adac-032fea7b229e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to