VAlert

Props

Name	Type	Description
connotation	Enum: accent success alert warning information announcement	Sets an appropriate icon / icon color for the connotation.
dismiss-button-aria-label	string	Allows setting a custom aria-label for the dismiss button.
headline	string	Adds a headline to the Alert.
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 ... 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/
open	boolean	Open state of the Alert.
placement	Enum: top bottom top-start top-end bottom-start bottom-end	The placement of the Alert on the screen.
removable	boolean	Adds a close button to the Alert.
strategy	Enum: fixed static	Controls the position of the Alert.
text	string	The main text of the Alert.
timeoutms	number	Timeout after which the Alert will close.

Events

Name	Event Type	Description
close	CustomEvent<undefined>	Fired when the Alert is closed
open	CustomEvent<undefined>	Fired when the Alert is opened

Slots

Name	Description
action-items	Add action items to the Alert using this slot.
icon	The preferred way to add an icon to the component.
main	The main content of the Alert.