shadimage
taki
examplealert-destructivesource: ok · hit

Alert Destructive

npx shadcn add "https://taki-ui.com/r/alert-destructive.json"
free

No selection tags yet — empty means no evidence, not lack of support.

Dependencies

Bundle weight · light

Registry dependencies

https://taki-ui.com/r/alert.json

Files1 · source cached 10/14/2026, 12:56:22 PM

registry/new-york/examples/alert-destructive.tsx
import { AlertCircleIcon } from "lucide-react"

import {
  Alert,
  AlertDescription,
  AlertTitle,
} from "@/registry/new-york/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 taki

Browse all components in this library →