Shadcn UI
examplealert-destructivesource: ok · hit
Alert Destructive
npx shadcn add "https://ui.shadcn.com/r/styles/new-york-v4/alert-destructive.json"free
No selection tags yet — empty means no evidence, not lack of support.
Dependencies
Bundle weight · lightRegistry dependencies
alert
Files1 · source cached 10/15/2026, 1:22:57 AM
registry/new-york-v4/examples/alert-destructive.tsx
import { AlertCircleIcon } from "lucide-react"
import {
Alert,
AlertDescription,
AlertTitle,
} from "@/registry/new-york-v4/ui/alert"
export default function AlertDestructive() {
return (
<Alert variant="destructive">
<AlertCircleIcon />
<AlertTitle>Error</AlertTitle>
<AlertDescription>
Your session has expired. Please log in again.
</AlertDescription>
</Alert>
)
}