dgz-ui
Version:
Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript
38 lines • 1.93 kB
TypeScript
import * as React from 'react';
import * as SheetPrimitive from '@radix-ui/react-dialog';
/**
* Sheet - Drawer-style dialog built on Radix Dialog primitives.
*/
declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
/**
* SheetTrigger - Element that opens the Sheet when interacted with.
*/
declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
/**
* SheetClose - Element that closes the Sheet.
*/
declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
/**
* SheetContent - The sliding panel content. Configurable side.
*/
declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
side?: 'top' | 'right' | 'bottom' | 'left';
}): import("react/jsx-runtime").JSX.Element;
/**
* SheetHeader - Header area inside the Sheet.
*/
declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
/**
* SheetFooter - Footer area inside the Sheet.
*/
declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
/**
* SheetTitle - Accessible title for the Sheet.
*/
declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
/**
* SheetDescription - Additional descriptive text for the Sheet.
*/
declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
//# sourceMappingURL=sheet.d.ts.map