Alert

A prominent message used to communicate important information, warnings, or status updates to the user.

Themes

Source successfully added

Discover the new feature to enhance your experience. See how it can help you.

Source successfully added

Discover the new feature to enhance your experience. See how it can help you.

Source successfully added

Discover the new feature to enhance your experience. See how it can help you.

Source successfully added

Discover the new feature to enhance your experience. See how it can help you.

Source successfully added

Discover the new feature to enhance your experience.

Your trial ends soon!

Upgrade to keep enjoying features and future technical support.

Name	Default	Type
title*	-	string Main heading text of the alert
theme	-	Theme Color theme of the alert
variant	"subtle"	"subtle" \| "outline" Visual style of the alert container
description	-	string Optional supporting text shown below the title
dismissable	true	boolean Whether the alert can be closed by the user
modelValue	true	boolean Controls the visibility of the alert for dismissing or toggling it

Slot	Payload
icon	- Custom icon shown before the content
description	- Custom description content
footer	- Footer content shown at the bottom of the alert

Event	Payload
update:modelValue	[value: boolean]
dismiss	any[]