Alert 17

PreviousNext

Standard alert with both title and description text providing detailed information.

Docs
shadcn-studiocomponent

Preview

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

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

const AlertDescriptionDemo = () => {
  return (
    <Alert>
      <CircleAlertIcon />
      <AlertTitle>Creating your account</AlertTitle>
      <AlertDescription>Fill in your details to get started.</AlertDescription>
    </Alert>
  )
}

export default AlertDescriptionDemo

Installation

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

Usage

import { Alert17 } from "@/components/alert-17"
<Alert17 />