Component
Alert
Displays a callout for user attention with Neo-Brutalism styling.
Preview
Heads up!
This is a default alert message.
Variants
Default
A default informational alert.
Success!
Your action was completed successfully.
Warning
Please review before proceeding.
Error
Something went wrong. Please try again.
Info
Here's some helpful information.
Installation
pnpm dlx brutx@latest add alertUsage
import {
Alert,
AlertTitle,
AlertDescription,
} from "@/components/ui/alert"
import { CheckCircle } from "lucide-react"
<Alert variant="success">
<CheckCircle className="h-5 w-5" />
<AlertTitle>Success!</AlertTitle>
<AlertDescription>
Your action was completed.
</AlertDescription>
</Alert>