Alert 15

PreviousNext

Pure destructive alert using built-in destructive variant with error styling.

Docs
shadcn-studiocomponent

Preview

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

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

const AlertPureDestructiveDemo = () => {
  return (
    <Alert variant='destructive' className='border-destructive'>
      <TriangleAlertIcon />
      <AlertTitle>Unable to process your payment.</AlertTitle>
    </Alert>
  )
}

export default AlertPureDestructiveDemo

Installation

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

Usage

import { Alert15 } from "@/components/alert-15"
<Alert15 />