Alert 14

PreviousNext

Error indicator alert with red styling and destructive error message.

Docs
shadcn-studiocomponent

Preview

Loading preview…
registry/new-york/components/alert/alert-14.tsx
import { TriangleAlertIcon } from 'lucide-react'

import { Alert, AlertTitle } from '@/registry/new-york/ui/alert'

const AlertDestructiveDemo = () => {
  return (
    <Alert variant='destructive'>
      <TriangleAlertIcon />
      <AlertTitle>Something went wrong!</AlertTitle>
    </Alert>
  )
}

export default AlertDestructiveDemo

Installation

npx shadcn@latest add @shadcn-studio/alert-14

Usage

import { Alert14 } from "@/components/alert-14"
<Alert14 />