Tab List
TabList Props
| Name | Type | Default | Description |
|---|---|---|---|
value | string | - | Currently selected tab value. Supports v-model:value. |
size | TabListSize | 'md' | Tab size. Optional: sm, md, lg. |
layout | TabListLayout | 'hug' | Tab layout. Optional: hug, fill. hug sizes to content, fill distributes evenly. |
hasDivider | boolean | false | Whether to show a bottom divider. |
TabList Events
| Name | Description |
|---|---|
update:value | Emitted when the selected value changes. |
change | Emitted when the selected value changes. |
TabList Slots
| Name | Description |
|---|---|
default | List of Tab elements. |
Tab Props
| Name | Type | Default | Description |
|---|---|---|---|
value | string | - | Unique tab value. |
panelId | string | - | ID of the controlled panel for aria-controls. |
disabled | boolean | false | Whether the tab is disabled. |
Tab Slots
| Name | Description |
|---|---|
default | Tab label text. |