ant-design-vue/components/tabs/index.en-US.md

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 -