Alert

A flat banner for inline messages. Six pastel variants, thick navy border, no offset shadow.

alert-demo.app

You can use this alert to share a quick info message.

Your changes were saved successfully.

You have unsaved changes.

Installation

terminal.sh

npx y2kui@latest add alert

import { Alert, AlertTitle, AlertDescription } from "@/components/ui/alert";

Prop	Type	Default	Description
`variant`	'info' \| 'pink' \| 'lilac' \| 'success' \| 'warning' \| 'danger'	`'info'`	Color style of the alert.
`role`	string	`'alert'`	ARIA role. Override only if you know what you are doing.