Skip to content
On this page

Alert ​

Displays important alert messages.

mode ​

Use the mode attribute to define Alert's mode.

state ​

You can define different states.

title ​

Predefined the title of the alert.

description ​

Predefined the description of the alert.

Icon ​

Predefined the title of the alert.

Closable ​

Use the closable attribute to define a removable alert.

Alert Props ​

NameTypeDefaultDescription
mode'solid' | 'soft''solid'Set custom type attribute.
state'primary' | 'info' | 'success' | 'warning' | 'danger''primary'Set alert state.
descriptionstring''Set alert description.
titlestring''Set alert title.
iconstring''Set alert icon.
closablebooleanfalseSet alert closable.

Button Slots ​

NameParametersDescription
title()Customize title content.
default()Customize description content.

MIT Licensed