Skip to content

Tab List

TabList Props ​

NameTypeDefaultDescription
valuestring-Currently selected tab value. Supports v-model:value.
sizeTabListSize'md'Tab size. Optional: sm, md, lg.
layoutTabListLayout'hug'Tab layout. Optional: hug, fill. hug sizes to content, fill distributes evenly.
hasDividerbooleanfalseWhether to show a bottom divider.

TabList Events ​

NameDescription
update:valueEmitted when the selected value changes.
changeEmitted when the selected value changes.

TabList Slots ​

NameDescription
defaultList of Tab elements.

Tab Props ​

NameTypeDefaultDescription
valuestring-Unique tab value.
panelIdstring-ID of the controlled panel for aria-controls.
disabledbooleanfalseWhether the tab is disabled.

Tab Slots ​

NameDescription
defaultTab label text.