isVisible
isVisible: boolean
onClose
onClose: () => void
Optionalposition
position?: string
OptionalbackgroundColor
backgroundColor?: string
Optionaltitle
title?: ReactNode
OptionaloverlayProps
overlayProps?: HTMLAttributes<HTMLDivElement>
OptionalcontentProps
contentProps?: HTMLAttributes<HTMLDivElement>
headerProps?: HTMLAttributes<HTMLDivElement>
OptionaltitleProps
titleProps?: HTMLAttributes<HTMLHeadingElement>
closeButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>
OptionalcloseIconComponent
closeIconComponent?: ReactNode
headerDividerProps?: HTMLAttributes<HTMLHRElement>
OptionalbodyProps
bodyProps?: HTMLAttributes<HTMLDivElement>
OptionaldefaultImagesContainerProps
defaultImagesContainerProps?: HTMLAttributes<HTMLDivElement>
OptionaluploadWrapperProps
uploadWrapperProps?: HTMLAttributes<HTMLDivElement>
OptionaluploadLabelProps
uploadLabelProps?: LabelHTMLAttributes<HTMLLabelElement>
OptionaluploadLabel
uploadLabel?: ReactNode
uploadInputProps?: InputHTMLAttributes<HTMLInputElement>
OptionalmainCanvasProps
mainCanvasProps?: CanvasHTMLAttributes<HTMLCanvasElement>
OptionalbackgroundCanvasProps
backgroundCanvasProps?: CanvasHTMLAttributes<HTMLCanvasElement>
OptionalcaptureVideoProps
captureVideoProps?: VideoHTMLAttributes<HTMLVideoElement>
OptionalpreviewVideoProps
previewVideoProps?: VideoHTMLAttributes<HTMLVideoElement>
OptionalloadingOverlayProps
loadingOverlayProps?: HTMLAttributes<HTMLDivElement>
OptionalloadingSpinner
loadingSpinner?: ReactNode
buttonsWrapperProps?: HTMLAttributes<HTMLDivElement>
applyButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>
saveButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>
applyButtonLabel?: string
applyButtonAppliedLabel?: string
renderHeader?: (
options: { defaultHeader: ReactNode; onClose: () => void },
) => ReactNode
renderButtons?: (
options: {
defaultButtons: ReactNode;
applyButtonRef: RefObject<HTMLButtonElement | null>;
saveButtonRef: RefObject<HTMLButtonElement | null>;
},
) => ReactNode
OptionalrenderBody
renderBody?: (options: { defaultBody: ReactNode }) => ReactNode
OptionalrenderContent
renderContent?: (options: { defaultContent: ReactNode }) => ReactNode
OptionalisDarkMode
isDarkMode?: boolean
OptionalenableGlassmorphism
enableGlassmorphism?: boolean
Theme control - whether dark mode is active