Primary Alert

1import { CircleFadingArrowUpIcon } from "lucide-react";
2import { Alert, AlertDescription, AlertTitle } from "@/registry/ui/alert";
3 
4export default function AlertDemo() {
5  return (
6    <Alert>
7      <CircleFadingArrowUpIcon className="size-4" />
8      <AlertTitle>Update Available</AlertTitle>
9      <AlertDescription>
10        A new version of the app is now available.
11      </AlertDescription>
12    </Alert>
13  );
14}