Back to Marimo

Alert Dialog

frontend/src/stories/alert-dialog.mdx

0.23.51.0 KB
Original Source

import { Meta, Story } from "@storybook/addon-docs/blocks";

import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "@/components/ui/alert-dialog";

import { Button } from "@/components/ui/button";

<Meta title="Alert Dialog" component={AlertDialog} />

Alert Dialog

<AlertDialog> <AlertDialogTrigger asChild> <Button variant="outline">Open</Button> </AlertDialogTrigger> <AlertDialogContent> <AlertDialogHeader> <AlertDialogTitle>Are you sure absolutely sure?</AlertDialogTitle>
  <AlertDialogDescription>
    This action cannot be undone. This will permanently delete your notebook
    and all of its contents.
  </AlertDialogDescription>
</AlertDialogHeader>

<AlertDialogFooter>
  <AlertDialogCancel>Cancel</AlertDialogCancel>
  <AlertDialogAction>Continue</AlertDialogAction>
</AlertDialogFooter>
</AlertDialogContent> </AlertDialog>