Skip to content

VTag

Props

NameTypeDescription
appearanceEnum:
duotone
subtle
subtle-light
The appearance the tag should have.
connotationEnum:
alert
accent
cta
success
warning
information
announcement
The connotation the tag should have.
disabledbooleanindicates whether the tag is disabled
iconEnum:
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
... 1268 more ...
A decorative icon the custom element should have. See the Vivid Icon Gallery for available icons and icon-names See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
labelstringIndicates the tag's label.
removablebooleanindicates whether the tag is removable
selectablebooleanindicates whether the tag is selectable
selectedbooleanindicates whether the tag is selected
shapeEnum:
rounded
pill
The shape the tag should have.

Events

NameEvent TypeDescription
removedCustomEvent<undefined>Fires when the tag is removed
selected-changeCustomEvent<undefined>Fires when the selected state changes

Slots

NameDescription
iconThe preferred way to add an icon to the component.

Methods

NameTypeDescription
remove() => void