mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-29 21:59:41 +08:00
Code Issues Actions 33 Packages Projects Releases Wiki Activity
7010dd018d
ant-design/components/tabs/index.en-US.md
Wei Zhu 77b78a9389 docs: Unify type naming (#4636) 
* Unify name of ReactNode type in document

* Lowser all string type name

* Lowercase all number type name

* Lowercase all boolean type name

* Unify array type

* Lowercase all object type name

* Unify mutilple types
2017-01-20 20:10:50 +08:00

1.8 KiB
Raw Blame History

category type title
Components Navigation Tabs

Tabs make it easy to switch between different views.

When To Use

Ant Design has 3 types Tabs for different situation.

  • Card Tabs: for managing too many closeable views.
  • Normal Tabs: for functional aspects of a page.
  • RadioButton: for secondary tabs.

API

Tabs

Property Description Type Default
activeKey Current TabPane's key string _
defaultActiveKey Default actived tabPanel's key, if activeKey is not setted. -
onChange Callback when tab is switched Function -
onTabClick Callback when tab is clicked Function -
tabBarExtraContent Extra element in tab bar React.ReactNode -
type Basic style of tabs. Options: line, card & editable-card string line
size Tab bar size. Options: default, small. Only works while type="line". string default
tabPosition Position of tabs. Options: top, right, bottom & left string top
onEdit Callback when tab is added or removed, which is executing when set type as editable-card (targetKey, action): void -
hideAdd Hide plus icon or not, which is effective when set type as editable-card boolean false
animated Whether to change tabs with animation, this property only works with `tabPosition=top bottom` boolean

Tabs.TabPane

Property Description Type Default
key TabPane's key string _
tab Show text in TabPane's head string|ReactNode _