| Prop | Default | Type |
|---|---|---|
activationMode | 'automatic' | 'automatic' | 'manual'Whether a tab is activated automatically (on focus) or manually (on click). |
as | 'div' | AsTag | ComponentThe element or component this component should render as. Can be overwritten by |
asChild | booleanChange 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 | numberThe 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. | |
modelValue | string | numberThe controlled value of the tab to activate. Can be bind as | |
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 | booleanWhen |
| Emit | Payload |
|---|---|
update:modelValue | [payload: StringOrNumber]Event handler called when the value changes |
| Slots (default) | Payload |
|---|---|
modelValue | string | numberCurrent input values |
