shadimage
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 · light

Registry 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>
  )
}

More from Shadcn UI

Browse all components in this library →