Tabs
Overview
Root tabs component built on Reka UI's TabsRoot.
Theme entry: Tabs
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| themeOverride | String|Object|Array | null | A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object. | |
| class | import('vue').HTMLAttributes['class'] | undefined | Additional CSS classes to apply to the root element. | |
| defaultValue | string | undefined | The value of the default active tab. | |
| modelValue | string | undefined | The controlled value of the active tab. | |
| activationMode | string | undefined | The activation mode for tabs. | |
| dir | string | undefined | The reading direction. | |
| orientation | string | undefined | The orientation of the tabs. | |
| as | string|object | undefined | The element or component to render as. | |
| asChild | boolean | false | When true, merges props onto the child element instead of rendering a wrapper. |
Slots
default
Scoped slot.
Events
| Name | Description |
|---|---|
update:modelValue | Emitted when the value changes. |
Source
client/lib/shell/tabs/Tabs.vue