Package Exports
- rc-tabs
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rc-tabs) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
rc-tabs
react tabs component
Screenshot

install
Feature
Keyboard
- left and up: switch to previous tab
- right and down: switch to next tab
Usage
var Tabs = require('rc-tabs');
var TabPane = Tabs.TabPane;
var callback = function(key){
}
React.render(
(
<Tabs activeKey="2" onChange={callback}>
<TabPane tab='tab 1' key="1">first</TabPane>
<TabPane tab='tab 2' key="2">second</TabPane>
<TabPane tab='tab 3' key="3">third</TabPane>
</Tabs>
),
document.getElementById('t2'));
API
Tabs
props:
name | type | default | description |
---|---|---|---|
activeKey | Object | first active tabPanel's key | same with active tabPanel's key |
onChange | Function(key) | called when tabPanel is changed |
TabPane
props:
name | type | default | description |
---|---|---|---|
key | Object | corresponding to activeKey | |
tab | String | current tab's title corresponding to current tabPane |
Development
npm install
npm start
Example
http://localhost:8000/examples/index.md
online example: http://react-component.github.io/tabs/build/examples/
Test Case
http://localhost:8000/tests/runner.html?coverage
Coverage
License
rc-tabs is released under the MIT license.