isConfirmExitModalVisible
isConfirmExitModalVisible: boolean
onConfirmExitClose
onConfirmExitClose: () => void
Optionalposition
position?: "center" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight"
OptionalbackgroundColor
backgroundColor?: string
OptionalexitEventOnConfirm
Optionaltitle
title?: ReactNode
OptionalconfirmLabel
confirmLabel?: ReactNode
OptionalcancelLabel
cancelLabel?: ReactNode
Optionalmessage
message?: ReactNode | ((context: { islevel: string }) => 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>
OptionalmessageProps
messageProps?: HTMLAttributes<HTMLParagraphElement>
footerProps?: HTMLAttributes<HTMLDivElement>
cancelButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>
confirmButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>
OptionalbodyDividerProps
bodyDividerProps?: HTMLAttributes<HTMLHRElement>
renderHeader?: (
options: {
defaultHeader: ReactNode;
title: ReactNode;
onClose: () => void;
},
) => ReactNode
OptionalrenderBody
renderBody?: (
options: { defaultBody: ReactNode; message: ReactNode },
) => ReactNode
renderFooter?: (
options: {
defaultFooter: ReactNode;
onCancel: () => void;
onConfirm: () => void;
},
) => ReactNode
renderHeaderDivider?: (options: { defaultDivider: ReactNode }) => ReactNode
OptionalrenderBodyDivider
renderBodyDivider?: (options: { defaultDivider: ReactNode }) => ReactNode
OptionalrenderMessage
renderMessage?: (
options: { defaultMessage: ReactNode; resolvedMessage: ReactNode },
) => ReactNode
OptionalrenderContent
renderContent?: (options: { defaultContent: ReactNode }) => ReactNode