1[](https://travis-ci.org/PolymerElements/paper-tabs) 2[](https://beta.webcomponents.org/element/PolymerElements/paper-tabs) 3 4##<paper-tabs> 5 6Material design: [Tabs](https://www.google.com/design/spec/components/tabs.html) 7 8`paper-tabs` makes it easy to explore and switch between different views or functional aspects of 9an app, or to browse categorized data sets. 10 11<!--- 12``` 13<custom-element-demo> 14 <template> 15 <script src="../webcomponentsjs/webcomponents-lite.js"></script> 16 <link rel="import" href="paper-tabs.html"> 17 <style> 18 body { 19 margin: 0; 20 display: flex; 21 align-items: flex-end; 22 height: 80px; 23 background: #009688; 24 color: white; 25 } 26 paper-tabs { 27 font-family: 'Roboto', 'Noto', sans-serif; 28 -webkit-font-smoothing: antialiased; 29 width: 100%; 30 text-transform: uppercase; 31 margin-bottom: 1px; 32 } 33 </style> 34 <next-code-block></next-code-block> 35 </template> 36</custom-element-demo> 37``` 38--> 39```html 40<paper-tabs selected="0" scrollable> 41 <paper-tab>The first tab</paper-tab> 42 <paper-tab>Tab two</paper-tab> 43 <paper-tab>The third tab</paper-tab> 44 <paper-tab>Fourth tab</paper-tab> 45</paper-tabs> 46``` 47
){kind=link}
){kind=link}