Skip to content

VTabs

Props

NameTypeDescription
activeidstringMatch with an id set on a Tab to mark it as active on initial load
activeindicatorbooleanDeprecated attribute. It has no effect.
connotationEnum:
accent
cta
Sets the connotation color of the active tab
guttersEnum:
none
small
Sets the spacing inside the Tab Panels
orientationEnum:
horizontal
vertical
The orientation
scrollable-panelbooleanSets whether the Tab Panel will be scrollable (if content height exceeds block-size)
tabs-layoutEnum:
align-start
stretch
Controls the layout of the tabs.

Events

NameEvent TypeDescription
changeCustomEvent<HTMLElement>Fires a custom 'change' event when a tab is clicked or during keyboard navigation

Slots

NameDescription
action-itemsSlot for action items such as buttons or controls.
defaultDefault slot for tab and tab-panel elements.

Methods

NameTypeDescription
adjust(adjustment: number) => voidAdjusts the active index by numerical increments. Only enabled tabs are considered.