Alert

A styled alert component with variant support (default, info, success, warning, error) and optional action buttons.

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

export default function AlertInfo() {
  return (
    <div className="flex items-center justify-center w-full min-h-screen bg-background p-8">
      <div className="w-full max-w-xl">
        <Alert variant="info">
          <Info className="size-4" />
          <AlertTitle>Heads up!</AlertTitle>
          <AlertDescription>
            This action will not be able to be done once started.
          </AlertDescription>
        </Alert>
      </div>
    </div>
  );
}