//Uncontrolled Tabs
<Tabs>
  <Tab label="Item One" >
    (Tab content...)
  </Tab>
  <Tab label="Item Two" >
    (Tab content...)
  </Tab>
  <Tab
    label="Item Three"
    route="home"
    onActive={this._handleTabActive} />
</Tabs>

<IconButton
  onClick={this._handleButtonClick.bind(this)}
  iconClassName="material-icons">
  home
</IconButton>

//Controlled Tabs using valueLink (passing value and onChange props works too!)
<Tabs
  valueLink={{value: this.state.tabsValue, requestChange: this._handleTabsChange.bind(this)}}>
  <Tab label="Tab A" value="a" >
    (Tab content...)
  </Tab>
  <Tab label="Tab B" value="b">
    (Tab content...)
  </Tab>
</Tabs>

// Tabs with slide effect
<Tabs onChange={this._handleChangeTabs.bind(this)} value={this.state.slideIndex + ''}>
  <Tab label="Tab One" value="0" />
  <Tab label="Tab Two" value="1" />
  <Tab label="Tab Three" value="2" />
</Tabs>
<SwipeableViews index={this.state.slideIndex} onChangeIndex={this._handleChangeIndex.bind(this)}>
  <div>
    <h2 style={styles.headline}>Tabs with slide effect</h2>
    Swipe to see the next slide.<br />
  </div>
  <div style={styles.slide}>
    slide n°2
  </div>
  <div style={styles.slide}>
    slide n°3
  </div>
</SwipeableViews>
