Tabs API

API reference for the Tabs components.

Tabs.Root

Props

namespace

string

Namespace for dependency injection (must match child namespace)

Default: "v0:tabs"

disabled

boolean

Disables the entire tabs instance

Default: false

enroll

boolean

Auto-select non-disabled items on registration

Default: false

mandatory

boolean | "force"

Controls mandatory tab behavior: - false: No mandatory tab enforcement - true: Prevents deselecting the last selected item - `force` (default): Automatically selects the first non-disabled tab

Default: "force"

circular

boolean

Whether arrow key navigation wraps around

Default: true

orientation

TabsOrientation

Tab orientation for keyboard navigation

Default: "horizontal"

activation

TabsActivation

Activation mode: - `automatic`: Tab activates on focus (arrow keys) - `manual`: Tab activates on Enter/Space only

Default: "automatic"

modelValue

T | T[]

Events

update:model-value

[value: T | T[]]

Slots

default

TabsRootSlotProps

Tabs.Item

Props

id

ID

Unique identifier (auto-generated if not provided)

value

V

Value associated with this tab (used to match with TabsPanel)

disabled

MaybeRef<boolean>

Disables this specific tab

namespace

string

Namespace for dependency injection

Default: "v0:tabs"

ariaLabel

string

Accessible label for this tab

ariaLabelledby

string

ID of element that labels this tab

ariaDescribedby

string

ID of element that describes this tab

Slots

default

TabsItemSlotProps

Tabs.List

Props

label

string

Accessible label for the tablist

namespace

string

Namespace for dependency injection

Default: "v0:tabs"

Slots

default

TabsListSlotProps

Tabs.Panel

Props

value required

V

Value to match with corresponding TabsItem

namespace

string

Namespace for dependency injection

Default: "v0:tabs"

Slots

default

TabsPanelSlotProps