VAlert
Props
| Name | Type | Description |
|---|---|---|
| dismiss-button-aria-label | string | Allows setting a custom aria-label for the dismiss button. |
| removable | boolean | Adds a close button to the Alert. |
| placement | Enum:toptop-starttop-endbottombottom-startbottom-end | The placement of the Alert on the screen. |
| headline | string | Adds a headline to the Alert. |
| text | string | The main text of the Alert. |
| icon | Enum:10-sec-backward-line10-sec-backward-solid10-sec-forward-line10-sec-forward-solid30-sec-backward-line30-sec-backward-solid30-sec-forward-line30-sec-forward-solid5-sec-backward-line5-sec-backward-solid5-sec-forward-line5-sec-forward-solid... 1217 more ... | The icon to display in the Alert. Takes precedence over the connotation's icon. See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/ |
| timeoutms | number | Timeout after which the Alert will close. |
| connotation | Enum:accentinformationsuccesswarningannouncementalert | Sets an appropriate icon / icon color for the connotation. |
| strategy | Enum:fixedstatic | Controls the position of the Alert. |
| open | boolean | Open state of the Alert. |
Events
| Name | Event Type | Description |
|---|---|---|
| open | CustomEvent<undefined> | Fired when the Alert is opened |
| close | CustomEvent<undefined> | Fired when the Alert is closed |
Slots
| Name | Description |
|---|---|
| main | The main content of the Alert. |
| action-items | Add action items to the Alert using this slot. |
| icon | Add an icon to the component. |
Methods
| Name | Type | Description |
|---|---|---|
| openChanged | (oldValue: boolean,newValue: boolean) => void |