verywang-react-tabs

安装


 npm install verywang-react-tabs --save

使用方法

import { Tabs,Tabs } from 'verywang-react-tabs';
import from 'verywang-react-tabs/style/index.css';
React.render(
  (
    <Tabs
      active="2"
      barClick={callback}
    >
      <TabPane label='tab 1' ">first</TabPane>
      <TabPane label='tab 2' ">second</TabPane>
      <TabPane label='tab 3' ">third</TabPane>
    </Tabs>
  ),
  document.getElementById('t2'));

API

Tabs

props

名称	类型	默认	所有	描述
type	string	full	full	tab的布局方式目前只提供全屏
active	number	0	len	当前选中的bar
barClick	func	func	func	bar选中回调函数
transitionType	string	fade	fade\|\|traverse\|\|none	content过渡方式(注:请与对应组件搭配)
barType	string	traverse	opacity\|\|traverse	bar点击过渡方式
barBorder	string	int	int\|\|full\|\|none	bar边框样式
barPosition	string	bottom	bottom\|\|top	bar位置

TabFade||TabPan||TabTraverse

props

名称	类型	默认	描述
label	string\|\|node	""	对应bar标题
activeLabel	string\|\|node	""	选中时对应bar标题

Dome

git clone git@github.com:hdjwq/react-tabs.git 或 download
npm install
npm start

备注

欢迎提交意见，如果喜欢 star 一个呗。