The no-slide attribute prevents the selection bar from
animating when the selection changes.
ITEM ONEITEM TWOITEM THREE
The noink attribute disables the ink ripple animation seen
when the user activates a tab (by clicking, tapping, etc.).
ITEM ONEITEM TWOITEM THREE
The scrollable attribute causes the tabs to scroll, rather
than compress, when there is not enough space. Arrow buttons appear when
any of the tabs are not completely visible.
NUMBER ONE ITEMITEM TWOTHE THIRD ITEMTHE ITEM FOURFIFTHTHE SIXTH TABNUMBER SEVENEIGHTNUMBER NINETHE TENTHTHE ITEM ELEVENTWELFTH ITEM
The fit-container attribute causes scrollable tabs to
stretch to fit their container if the tabs don't need to scroll.
NUMBER ONE ITEMITEM TWOTHE THIRD ITEM NUMBER ONE ITEMITEM TWOTHE THIRD ITEM
Tab layout is affected by the writing direction of the surrounding area.
ITEM ONEITEM TWOITEM THREENUMBER ONE ITEMITEM TWOTHE THIRD ITEMTHE ITEM FOURFIFTHTHE SIXTH TABNUMBER SEVENEIGHTNUMBER NINETHE TENTHTHE ITEM ELEVENTWELFTH ITEM
Use the align-bottom attribute when your tabs are
positioned below the content they control. The selection bar will be
shown at the top of the tabs.
ITEM ONEITEM TWOITEM THREE
Use the link attribute when a paper-tab
contains a link. The link will fill the entire tab. paper-tabs
implements its own tabindexing and keyboard focus patterns so an anchor
placed inside should set tabindex="-1".