bundui
componentalert-successsource: ok · hit
Alert
Displays a callout for user attention.
npx shadcn add "https://bundui.io/r/alert-success.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, 1:27:47 AM
examples/components/alert/success/page.tsx
import { CheckCircle2Icon } from "lucide-react";
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
export default function AlertSuccess() {
return (
<Alert variant="destructive" className="*:text-green-600!">
<CheckCircle2Icon />
<AlertTitle>Unable to process your payment.</AlertTitle>
<AlertDescription>Please verify your billing information and try again.</AlertDescription>
</Alert>
);
}