Alert Action

1// shadcn
2import {
3  Alert,
4  AlertAction,
5  AlertDescription,
6  AlertTitle
7} from "@/components/ui/alert";
8import { Button } from "@/components/ui/button";
9 
10//  ------------------------------ | ALERT - ACTION | ------------------------------  //
11 
12export default function AlertActionExample() {
13  return (
14    <Alert className="max-w-md">
15      <AlertTitle>Dark mode is now available</AlertTitle>
16      <AlertDescription>
17        Enable it under your profile settings to get started.
18      </AlertDescription>
19      <AlertAction>
20        <Button size="xs" variant="default">
21          Enable
22        </Button>
23      </AlertAction>
24    </Alert>
25  );
26}