1.7 KiB
1.7 KiB
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 | - |