Skip to content

Tabs

Two variants: underline (channel headers) and pill segmented (in-page settings tabs).

Usage

underline:chat | pill:tasks

API

Props

NameTypeDefaultDescription
items{ key: string; label: string; disabled?: boolean }[]tab items (required)
modelValuestringv-model current key (required)
variant'underline' | 'pill''underline'visual variant

Events

NamePayloadDescription
update:modelValue(key: string)on switch (current or disabled items don't fire)