Alert

To inform the user of something on a page or section.

Code


                                                        
                                                        
                                                            <PyxisAlert
                                                            content="Custom alert."
                                                        />

Example of a Alert component

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.