Aspekt logoAspekt UI

Dialog is used for focused decisions and short modal workflows.

tsx
import { DialogRoot, DialogTrigger } from "@/components/aspekt/dialog";
<DialogRoot>  <DialogTrigger>Open dialog</DialogTrigger>  <DialogPortal>    <DialogOverlay />    <DialogContent>      <DialogHeader>        <DialogTitle>Publish component</DialogTitle>        <DialogDescription>          Make the latest changes available to your app.        </DialogDescription>      </DialogHeader>      <DialogFooter>        <DialogClose>Cancel</DialogClose>        <Button color="neutral">Publish</Button>      </DialogFooter>    </DialogContent>  </DialogPortal></DialogRoot>