Skip to content
On this page

VTabs

Props

NameTypeDescription
aria-currentEnum:
page
step
location
date
time
true
false
Indicates the element that represents the current item within a container or set of related elements.
orientationEnum:
vertical
horizontal
The orientation
activeidstringThe id of the active tab
activeindicatorbooleanWhether or not to show the active indicator
connotationEnum:
accent
cta
The connotation the tabs should have.
guttersEnum:
none
small
sets the initial preferred margin from predefined available options
scrollable-panelbooleansets overflow to the tab-panel
tabs-layoutEnum:
align-start
stretch
Controls the layout of the tabs.

Events

NameEvent TypeDescription
clickMouseEventFires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
focusFocusEventFires when the element receives focus.
blurFocusEventFires when the element loses focus.
keydownKeyboardEventFires when a key is pressed.
keyupKeyboardEventFires when a key is released.
inputEventFires when the value of an element has been changed.
changeCustomEvent<HTMLElement>Fires a custom 'change' event when a tab is clicked or during keyboard navigation

Slots

NameDescription
defaultDefault slot.

Methods

NameTypeDescription
adjust(adjustment: number) => voidThe adjust method for FASTTabs