Dialog
A modal window rendered in a portal, built on the Base UI `Dialog` primitive.
A modal window rendered in a portal, built on the Base UI Dialog primitive.
tsx
import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger,} from "@celestia-project/ui/primitive/dialog"import { Button } from "@celestia-project/ui/primitive/button"
<Dialog> <DialogTrigger render={<Button variant="outline" />}>Open Dialog</DialogTrigger> <DialogContent> <DialogHeader> <DialogTitle>Edit profile</DialogTitle> <DialogDescription>Make changes to your profile here.</DialogDescription> </DialogHeader> {/* content */} <DialogFooter> <DialogClose render={<Button variant="outline" />}>Cancel</DialogClose> <Button>Save changes</Button> </DialogFooter> </DialogContent></Dialog>