bundui
componentalert-warningsource: ok · hit
Alert
Displays a callout for user attention.
npx shadcn add "https://bundui.io/r/alert-warning.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:29:03 PM
examples/components/alert/warning/page.tsx
import { AlertCircleIcon } from "lucide-react";
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
export default function AlertWarning() {
return (
<Alert variant="destructive" className="*:text-orange-400!">
<AlertCircleIcon />
<AlertTitle>Unable to process your payment.</AlertTitle>
<AlertDescription>Please verify your billing information and try again.</AlertDescription>
</Alert>
);
}