bee-tabs

react bee-tabs component for tinper-bee

使用方法

<Tabs navtype="turn" contenttype="moveleft" defaultActiveKey="2">
	<TabPanel tab="Tab 1" key="1">测试测试 1</TabPanel>
	<TabPanel tab="Tab 2" key="2">Content of Tab Pane 2</TabPanel>
	<TabPanel tab="Tab 3" key="3">测试测试 3</TabPanel>
	<TabPanel tab="Tab 4" key="4">Content of Tab Pane 4</TabPanel>
</Tabs>

API

Tabs

props:

TabPane

props:

src/TabBar

src/InkTabBar

tab bar with ink indicator, in addition to tab bar props, extra props:

src/ScrollableTabBar

scrollable tab bar, in addition to tab bar props, extra props:

src/ScrollableInkTabBar

scrollable tab bar with ink indicator, same with tab bar and ink bar and scrollable bar props.

src/SwipeableInkTabBar (Use for Mobile)

swipeable tab bar with ink indicator, same with tab bar/ink bar props, and below is the additional props.

src/TabContent

src/SwipeableTabContent

swipeable tab panes, in addition to lib/TabContent props, extra props:

开发调试

$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/bee-tabs
$ cd bee-tabs
$ npm install
$ npm run dev

TODOS

• [x] [css样式层级问题]
• [x] [动态计算样式]
• [x] [autoprefix] 产出工具集成
• [x] [测试用例]