@thinkbuff/figma-react
Version:
A Figma React UI components for creating plugins and widgets
26 lines (25 loc) • 2.46 kB
TypeScript
import { VariantProps } from 'class-variance-authority';
import * as SheetPrimitive from '@radix-ui/react-dialog';
declare const SheetRoot: import('react').FC<SheetPrimitive.DialogProps>;
declare const SheetTrigger: import('react').ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
declare const SheetClose: import('react').ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
declare const SheetPortal: import('react').FC<SheetPrimitive.DialogPortalProps>;
declare const SheetOverlay: import('react').ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
declare const sheetVariants: (props?: ({
side?: "top" | "right" | "bottom" | "left" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
export interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
container?: SheetPrimitive.DialogPortalProps['container'];
}
/**
* Extends the Dialog component to display content that complements the main content of the screen.
*
* - [Docs](https://www.radix-ui.com/docs/primitives/components/dialog)
* - [API Reference](https://www.radix-ui.com/primitives/docs/components/dialog#api-reference)
*/
declare const SheetContent: import('react').ForwardRefExoticComponent<SheetContentProps & import('react').RefAttributes<HTMLDivElement>>;
declare const SheetHeader: React.FC<React.HTMLAttributes<HTMLDivElement>>;
declare const SheetFooter: React.FC<React.HTMLAttributes<HTMLDivElement>>;
declare const SheetTitle: import('react').ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & import('react').RefAttributes<HTMLHeadingElement>, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
declare const SheetDescription: import('react').ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & import('react').RefAttributes<HTMLParagraphElement>, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
export { SheetRoot as Root, SheetPortal as Portal, SheetOverlay as Overlay, SheetTrigger as Trigger, SheetClose as Close, SheetHeader as Header, SheetTitle as Title, SheetDescription as Description, SheetContent as Content, SheetFooter as Footer, };