Alert

Soft gradient notice panel in note, caution and stop flavors.

installnpx shadcn@latest add @aqua/alert

Usage

import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
import { InfoIcon } from "lucide-react"

<Alert variant="warning">
  <InfoIcon />
  <AlertTitle>Low battery</AlertTitle>
  <AlertDescription>Plug in your PowerBook.</AlertDescription>
</Alert>

Alerts render inline. To pop them onto the screen from an event, use the Toast component, which wraps these same panels in a Growl-style notifier.