Skip to content

Tabs ​

Overview ​

Root tabs component built on Reka UI's TabsRoot.

Theme entry: Tabs

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes to apply to the root element.
defaultValuestringundefinedThe value of the default active tab.
modelValuestringundefinedThe controlled value of the active tab.
activationModestringundefinedThe activation mode for tabs.
dirstringundefinedThe reading direction.
orientationstringundefinedThe orientation of the tabs.
asstring|objectundefinedThe element or component to render as.
asChildbooleanfalseWhen true, merges props onto the child element instead of rendering a wrapper.

Slots ​

default ​

Scoped slot.

Events ​

NameDescription
update:modelValueEmitted when the value changes.

Full event reference

Source ​

client/lib/shell/tabs/Tabs.vue