Alert

Alert Properties

Name	Type	Description
size	default | sm
closable	boolean	If false, the alert will not render the close button. Lightweight alerts do not display close buttons
status	neutral | info | success | warning | danger | alt | loading
i18n	{ closeButtonAriaLabel: string; loading: string; info: string; success: string; warning: string; danger: string; }

Alert CSS Properties

Name
--color
--background
--border-radius
--border-color
--icon-color
--close-icon-color
--close-icon-color-hover

Alert Events

Name	Desription
closeChange	notify when the user has clicked the dismiss button

Alert Slots

Name	Description
default	Content slot for inside the alert

Alert Actions

Alert Actions CSS Properties

Name
--action-text-color
--action-hover-text-color
--action-font-size

Alert Actions Slots

Name	Description
default	Content slot for inside the alert

Alert Group

Alert Group Properties

Name	Type	Description
size	default | sm
type	default | banner | light
role	string	Autosets the alert groups aria role to 'region'
status	neutral | info | success | warning | danger | alt | loading

Alert Group CSS Properties

Name
--color
--icon-color
--icon-size
--font-size
--font-weight
--letter-spacing
--padding
--background
--border-color
--border-width
--border-radius

Alert Group Slots

Name	Description
default	Content slot for the alerts