import * as React from "react"; import { Dialog as SheetPrimitive } 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 Sheet({ ...props }: React.ComponentProps) { return ; } function SheetTrigger({ ...props }: React.ComponentProps) { return ; } function SheetClose({ ...props }: React.ComponentProps) { return ; } function SheetPortal({ ...props }: React.ComponentProps) { return ; } function SheetOverlay({ className, ...props }: React.ComponentProps) { return ( ); } function SheetContent({ className, children, side = "right", showCloseButton = true, ...props }: React.ComponentProps & { side?: "top" | "right" | "bottom" | "left"; showCloseButton?: boolean; }) { return ( {showCloseButton && ( )} {children} ); } function SheetHeader({ className, ...props }: React.ComponentProps<"div">) { return (

); } function SheetFooter({ className, ...props }: React.ComponentProps<"div">) { return (

); } function SheetTitle({ className, ...props }: React.ComponentProps) { return ( ); } function SheetDescription({ className, ...props }: React.ComponentProps) { return ( ); } export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

Sheet

Install

npm Dependencies

Registry Dependencies

Files

Preview & Source