Alert

import { Alert } from "~/components/ui/alert";
import { Icons } from "~/components/ui/icons";

<Alert.Root>
  <Icons.Terminal className="size-4" />
  <Alert.Title>Heads up!</Alert.Title>
  <Alert.Description>
    You can add components and dependencies to your app using the cli.
  </Alert.Description>
</Alert.Root>

import { AlertRoot, AlertDescription, AlertTitle } from "~/components/ui/alert";
import { Icons } from "~/components/ui/icons";

<AlertRoot>
  <Icons.Terminal className="size-4" />
  <AlertTitle>Heads up!</AlertTitle>
  <AlertDescription>
    You can add components and dependencies to your app using the cli.
  </AlertDescription>
</AlertRoot>