Get started

Tabs are used to separate content into different panes

[ This description is mirrored from README.md at github.com/IBMResearch/ibm-tabs on 2019-05-22 ]

Build status Published on webcomponents.org

<ibm-tabs>

Tabs are used to separate content into different panes.

Example:

<ibm-tabs selected="0">
  <ibm-tab>Item one</ibm-tab>
  <ibm-tab>Item two</ibm-tab>
  <ibm-tab>Item three</ibm-tab>
</ibm-tabs>

Notable breaking changes between 1.x and 2.x (hybrid):

IronSelectableBehavior and IronMultiSelectableBehavior, which are used by ibm-tabs, introduce multiple breaking changes. Please see the README for those behaviors for more detail.

Install

Link to this version
ImportedReleased 23 June 2017Other
Framework Support
Polymer 2.0+
Also supported:
Polymer 1 (1.0.0)
Browser Compatibility
Install with
bower install --save IBMResearch/ibm-tabs"#2.0.1"
Run the above Bower command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 2.0.1

Dependencies

  • iron-behaviors#PolymerElements/iron-behaviors#1 - 2
  • iron-flex-layout#PolymerElements/iron-flex-layout#1 - 2
  • iron-menu-behavior#PolymerElements/iron-menu-behavior#1 - 2
  • polymer#Polymer/polymer#1.9 - 2