Alert

Displays a message to attract user attention.

Heads up!

You can add components to your app using the CLI.

Installation

npx neobrutal add alert

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

<Alert>
  <AlertTitle>Title</AlertTitle>
  <AlertDescription>Description</AlertDescription>
</Alert>

Info

This is an informational message.

Error

Something went wrong. Please try again.

Your changes have been saved.

This action cannot be undone.

Notification

You have new updates available.

Note

A simple alert without an icon.

Prop	Type	Default	Description
variant	"default" \| "neutral" \| "destructive" \| "success" \| "warning"	"default"	The visual style of the alert.