Prop | Default | Type |
---|---|---|
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 | 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. | |
modelValue | string | number The 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 | boolean When |
Emit | Payload |
---|---|
update:modelValue | [payload: StringOrNumber] Event handler called when the value changes |
Slots (default) | Payload |
---|---|
modelValue | string | number Current input values |