apeman-react-tab v3.0.3

apeman-react-tab

apeman react package for tab component.

Installation

$ npm install apeman-react-tab --save

Demo

Live demo is hosted on GitHub Pages.

Usage

'use strict'

import React from 'react'
import {
  ApTab,
  ApTabItem,
  ApTabStyle
} from 'apeman-react-tab'

const ExampleComponent = React.createClass({
  getInitialState () {
    return {
      tab: 'FOO'
    }
  },
  selectTab(tab) {
    const s = this
    s.setState({
      tab: tab
    })
  },
  render () {
    const s = this
    return (
      <div>
        <ApTabStyle />
        <ApTab>
          <ApTabItem selected={ s.state.tab === "FOO" } onTap={ () =>s.selectTab('FOO') }>foo</ApTabItem>
          <ApTabItem selected={ s.state.tab === "BAR" } onTap={ () =>s.selectTab('BAR') }>bar</ApTabItem>
        </ApTab>
      </div>
    )
  }
})

Components

ApTabContent

Props

ApTabGroup

Props

ApTabItem

Props

ApTabStyle

Props

ApTab

Props

License

This software is released under the MIT License.

Links

• apeman
• apeman-react-labo
• React
• Demo of apeman-react-tab