You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
API
Tabs
| Property |
Description |
Type |
Default |
| activeKey |
Current TabPane's key |
string |
- |
| animated |
Whether to change tabs with animation. Only works while tabPosition="top"|"bottom" |
boolean | {inkBar:boolean, tabPane:boolean} |
true, false when type="card" |
| defaultActiveKey |
Initial active TabPane's key, if activeKey is not set. |
string |
- |
| hideAdd |
Hide plus icon or not. Only works while type="editable-card" |
boolean |
false |
| size |
preset tab bar size |
large | default | small |
default |
| tabBarExtraContent |
Extra content in tab bar |
slot |
- |
| tabBarStyle |
Tab bar style object |
object |
- |
| tabPosition |
Position of tabs |
top | right | bottom | left |
top |
| type |
Basic style of tabs |
line | card | editable-card |
line |
| tabBarGutter |
The gap between tabs |
number |
- |
Events
| Events Name |
Description |
Arguments |
| change |
Callback executed when active tab is changed |
Function(activeKey) {} |
| edit |
Callback executed when tab is added or removed. Only works while type="editable-card" |
(targetKey, action): void |
| nextClick |
Callback executed when next button is clicked |
Function |
| prevClick |
Callback executed when prev button is clicked |
Function |
| tabClick |
Callback executed when tab is clicked |
Function |
Tabs.TabPane
| Property |
Description |
Type |
Default |
| forceRender |
Forced render of content in tabs, not lazy render after clicking on tabs |
boolean |
false |
| key |
TabPane's key |
string |
- |
| tab |
Show text in TabPane's head |
string|slot |
- |
