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