VTag

Props

Name	Type	Description
appearance	Enum: `subtle` `duotone`	The appearance the tag should have.
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.
connotation	Enum: `accent` `cta`	The connotation the tag should have.
disabled	`boolean`	indicates whether the tag is 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/
label	`string`	Indicates the tag's label.
removable	`boolean`	indicates whether the tag is removable
selectable	`boolean`	indicates whether the tag is selectable
selected	`boolean`	indicates whether the tag is selected
shape	Enum: `rounded` `pill`	The shape the tag should have.

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.
removed	`CustomEvent<undefined>`	Fires when the tag is removed
selected-change	`CustomEvent<undefined>`	Fires when the selected state changes

Name	Description
icon	Add an icon to the component.