import * as React from "react"; import { Dialog as DialogPrimitive } from "radix-ui"; import { cn } from "@/registry/a11y/utils/utils"; import { Button } from "@/registry/a11y/button/button"; import { HugeiconsIcon } from "@hugeicons/react"; import { Cancel01Icon } from "@hugeicons/core-free-icons"; function Dialog({ ...props }: React.ComponentProps) { return ; } function DialogTrigger({ ...props }: React.ComponentProps) { return ; } function DialogPortal({ ...props }: React.ComponentProps) { return ; } function DialogClose({ ...props }: React.ComponentProps) { return ; } function DialogOverlay({ className, ...props }: React.ComponentProps) { return ( ); } function DialogContent({ className, children, showCloseButton = true, ...props }: React.ComponentProps & { showCloseButton?: boolean; }) { return ( {showCloseButton && ( )} {children} ); } function DialogHeader({ className, ...props }: React.ComponentProps<"div">) { return (

); } function DialogFooter({ className, showCloseButton = false, children, ...props }: React.ComponentProps<"div"> & { showCloseButton?: boolean; }) { return (

{children} {showCloseButton && ( )}

); } function DialogTitle({ className, ...props }: React.ComponentProps) { return ( ); } function DialogDescription({ className, ...props }: React.ComponentProps) { return ( ); } export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

Dialog

Install

npm Dependencies

Registry Dependencies

Files

Preview & Source