Alert

import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";

export default function Example() {
  return (
    <Alert>
      <AlertTitle>Heads up</AlertTitle>
      <AlertDescription>You can add components via the CLI.</AlertDescription>
    </Alert>
  );
}

import { Alert, AlertAction, AlertDescription, AlertTitle } from "@/components/ui/alert";
import { Button } from "@/components/ui/button";

export default function Example() {
  return (
    <Alert>
      <AlertTitle>New version available</AlertTitle>
      <AlertDescription>v2.0 is ready to install.</AlertDescription>
      <AlertAction>
        <Button size="sm">Update</Button>
      </AlertAction>
    </Alert>
  );
}