bundui
componentalert-dangersource: ok · hit
Alert
Displays a callout for user attention.
npx shadcn add "https://bundui.io/r/alert-danger.json"free
No selection tags yet — empty means no evidence, not lack of support.
Dependencies
Bundle weight · lighticonslucide-react
Registry dependencies
alert
Files1 · source cached 10/15/2026, 12:28:00 AM
examples/components/alert/danger/page.tsx
import { XIcon } from "lucide-react";
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
export default function AlertDanger() {
return (
<Alert variant="destructive" className="*:text-destructive!">
<XIcon />
<AlertTitle>Unable to process your payment.</AlertTitle>
<AlertDescription>Please verify your billing information and try again.</AlertDescription>
</Alert>
);
}