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>