Docs
Alert
Alert
Displays a callout for user attention.
Heads up!
You can add components to your app using the cli.
Installation
npx shadcn-ui add alertnpx shadcn-ui add alertUsage
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"<Alert>
<Terminal className="h-4 w-4" />
<AlertTitle>Heads up!</AlertTitle>
<AlertDescription>
You can add components and dependencies to your app using the cli.
</AlertDescription>
</Alert><Alert>
<Terminal className="h-4 w-4" />
<AlertTitle>Heads up!</AlertTitle>
<AlertDescription>
You can add components and dependencies to your app using the cli.
</AlertDescription>
</Alert>Examples
Default
Heads up!
You can add components to your app using the cli.
Destructive
Error
Your session has expired. Please log in again.