Code
<PyxisAlert
content="Custom alert."
/>
Props
The Breadcrumb component supports the following props:
Name |
Type |
Default |
Required |
---|---|---|---|
content |
string |
undefined |
true |
dataTestid |
string |
undefined |
false |
variant |
'default'|'info'|'warning'|'success'|'danger' |
'default' |
false |
title |
string |
'' |
false |
ariaLabel |
string |
undefined |
false |
isClosable |
boolean |
false |
false |
size |
'fill'|'hug' |
'fill' |
false |
displaySlot |
boolean |
false |
false |
alertIcon |
string |
'' |
false |
Events
The interactions on the Alert component are handled by the following Events
- @closeAlert : This event is triggered when the close button is clicked.
Slots
The Alert component offers the following slots for managing its template content:
-
v-slot:default : This slot is used to hold a maximum of 2 components in the Alert.
It is recommended to use only the following components in the slot: see here.