paper-vert-tabs

Vertical paper tabs for Polymer 1.0

These tabs work just like regular Paper Tabs except of course they are aligned vertically!

<link rel="import" href="../bower_components/paper-vert-tabs/paper-vert-tabs.html">

<paper-vert-tabs id="tabs" selected="0">
	<paper-tab>Tab 1</paper-tab>
	<paper-tab>Tab 2</paper-tab>
</paper-vert-tabs>

var tabs = document.getElementById('tabs');
var pages = document.getElementsByTagName('neon-animated-pages')[0];
//change the page based on tab selection
tabs.addEventListener('iron-select', function() {
	pages.select(tabs.selected);
}

Attributes

align-left: (Boolean) If true, the selection bar will align to the left side of the tabs. Default: false.
no-bar: (Boolean) If true, the selection bar will not be shown. Default: false.
no-slide: (Boolean) If true, the slide effect for the selection bar will be disabled. Default: false.
no-ink: (Boolean) If true, the ink ripple effect is disabled. Default: false.
Other attributes from Paper Tabs should work as well.
selected: (Number) Gets or sets the selected element. The default is to use the index of the item. For example:

Evanfeenstra/paper-vert-tabs

paper-vert-tabs

Vertical paper tabs for Polymer 1.0

Attributes