❤️ Support our project - Your donation helps us continue developing awesome tools!


Docs
Alert

Alert

Displays a callout for user attention.

An alert with an icon, title and description. The title says 'Heads up!' and the description is 'You can add components to your app using the cli.'.

Installation

npx nyxb@latest add alert

Usage

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>

Examples

Default

An alert with an icon, title and description. The title says 'Heads up!' and the description is 'You can add components to your app using the cli.'.

Destructive

An alert with a destructive variant. The title says 'Delete this item?' and the description is 'This action cannot be undone.'.