Tabs API
A component for creating accessible tabbed interfaces with proper ARIA support and keyboard navigation.
Related
Explore these related pages for additional context and usage patterns.
| Page | Category |
|---|---|
| Tabs | Disclosure |
| createStep | Selection |
| Expansion Panel | Disclosure |
| Dialog | Disclosure |
Tabs.Root
Props
namespace
string | undefinedNamespace for dependency injection (must match child namespace)
Default: "v0:tabs"
mandatory
boolean | "force" | undefinedControls 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"
activation
anyActivation mode:
- automatic: Tab activates on focus (arrow keys)
- manual: Tab activates on Enter/Space only
Default: "automatic"
modelValue
T | T[] | undefinedEvents
update:model-value
[value: T | T[]]Slots
default
TabsRootSlotPropsTabs.Item
Props
Slots
default
TabsItemSlotPropsTabs.List
Props
Slots
default
TabsListSlotPropsTabs.Panel
Props
Slots
default
TabsPanelSlotProps