标签页组件

@beisen-phoenix/tabs

changelog

2019-11-19 3.3.35版本 1、新增 contentAnimated：是否使用动画切换content

概述

选项卡切换组件。

API

Tabs

参数	说明	类型	默认值	必须
activeKey	当前激活 tab 面板的 key	string	-	No
navWrapper	-	function	arg => arg	No
onChange	切换面板的回调	function(activeKey)	() => {}	No
prefixCls	样式前缀	string	'beisen-phoenix-tabs'	No
className	类名	string	-	No
tabBarPosition	页签位置，可选值有 'top' 'right' 'bottom' 'left'	string	'top'	No
tabType	页签的基本样式,可选值包括(base、button、super、secondary)	string	'base'	No
style	tab bar 的样式	object	{}	No
disableKeyEvent	是否禁用上下左右键切换tab	boolean	false	No
defaultActiveKey	初始化选中面板的 key，如果没有设置 activeKey	string	-	No
destroyInactiveTabPane	是否销毁未激活的tabPane	boolen	false	No
renderTabBar	替换 TabBar，用于二次封装标签头	() => React.ReactNode	-	No
renderTabContent	替换 TabContent，用于二次封装标签内容	() => React.ReactNode	-	No
showMoreBtn	是否开启更多按钮功能需要开发者参数控制	boolean	-	No
customStyle	用于tabType为button 页签，配置自定义选中按钮颜色： {index: {background:"#FFAB24"}}	object	-	No
contentAnimated	是否使用动画切换content	boolean	true	No

TabContent

参数	说明	类型	默认值	必须
animatedWithMargin	动画切换是否改变外边距样式	boolean	-	No
animated	是否使用动画切换 Tabs	boolean	true	No
prefixCls	样式前缀	string	-	No
activeKey	当前激活 tab 面板的 key	string	-	No
style	样式	object	-	No
tabBarPosition	页签位置，可选值有 'top' 'right' 'bottom' 'left'	string	-	No
className	类名	string	-	No

Tabs.TabPane

参数	说明	类型	默认值	是否必传
classname	类名	string	-	No
active	当前激活 tab 面板的 key	boolean	-	No
style	样式	object	-	No
destroyInactiveTabPane	是否销毁未激活的tabPane	string	-	No
forceRender	被隐藏时是否渲染 DOM 结构	boolean	-	No
placeholder	描述输入字段预期值的简短的提示信息	string	-	No
rootPrefixCls	根样式前缀	string	-	No
key	对应 activeKey	string	-	No
tab	选项卡头显示文字	string	ReactNode	No
disabled	禁用	boolean	false	No