alert-destructive

PreviousNext
Docs
takiexample

Preview

Loading preview…
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>
  )
}

Installation

npx shadcn@latest add @taki/alert-destructive

Usage

import { AlertDestructive } from "@/components/alert-destructive"
<AlertDestructive />