VTab

Props

Name	Type	Description
aria-current	Enum: page step location date time true false	Indicates the element that represents the current item within a container or set of related elements.
aria-selected	string
connotation	Enum: accent cta	The connotation the tab should have.
disabled	boolean	When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled
icon	Enum: 10-sec-backward-line 10-sec-backward-solid 10-sec-forward-line 10-sec-forward-solid 30-sec-backward-line 30-sec-backward-solid 30-sec-forward-line 30-sec-forward-solid 5-sec-backward-line 5-sec-backward-solid 5-sec-forward-line 5-sec-forward-solid ... 1227 more ...	A decorative icon the custom element should have. See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
icon-trailing	boolean	Indicates the icon affix alignment.
label	string	Indicates the tab's label.
removable	boolean	Indicates the tab's label.
shape	Enum: rounded sharp	The shape the tab should have.
tab-index	number

Events

Name	Event Type	Description
blur	FocusEvent	Fires when the element loses focus.
click	MouseEvent	Fires 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.
focus	FocusEvent	Fires when the element receives focus.
input	Event	Fires when the value of an element has been changed.
keydown	KeyboardEvent	Fires when a key is pressed.
keyup	KeyboardEvent	Fires when a key is released.

Slots

Name	Description
icon	Slot to add an icon to tab.

Methods

Name	Type	Description
_handleCloseClick	(e: Event) => unknown
_onKeyDown	(e: KeyboardEvent) => unknown