Reka UI logoReka
backdrop
PropDefaultType
activationMode
'automatic'
'automatic' | 'manual'

Whether a tab is activated automatically (on focus) or manually (on click).

as
'div'
AsTag | Component

The element or component this component should render as. Can be overwritten by asChild.

asChild
boolean

Change the default rendered element for the one passed as a child, merging their props and behavior.

Read our Composition guide for more details.

defaultValue
string | number

The value of the tab that should be active when initially rendered. Use when you do not need to control the state of the tabs

dir
'ltr' | 'rtl'

The reading direction of the combobox when applicable.
If omitted, inherits globally from ConfigProvider or assumes LTR (left-to-right) reading mode.

modelValue
string | number

The controlled value of the tab to activate. Can be bind as v-model.

orientation
'horizontal'
'vertical' | 'horizontal'

The orientation the tabs are laid out. Mainly so arrow navigation is done accordingly (left & right vs. up & down)

unmountOnHide
true
boolean

When true, the element will be unmounted on closed state.

EmitPayload
update:modelValue
[payload: StringOrNumber]

Event handler called when the value changes

Slots (default)Payload
modelValue
string | number

Current input values