isConfirmHereModalVisible
isConfirmHereModalVisible: boolean
onConfirmHereClose
onConfirmHereClose: () => void
OptionalbackgroundColor
backgroundColor?: string
OptionalcountdownDuration
countdownDuration?: number
OptionallocalSocket
localSocket?: Socket<DefaultEventsMap, DefaultEventsMap>
Optionaltitle
title?: ReactNode
Optionalmessage
message?:
| ReactNode
| ((context: { counter: number; countdownDuration: number }) => ReactNode)
OptionalcountdownLabel
countdownLabel?: ReactNode
confirmButtonLabel?: ReactNode
OptionalonTimeout
onTimeout?: () => void
OptionaloverlayProps
overlayProps?: HTMLAttributes<HTMLDivElement>
OptionalcontentProps
contentProps?: HTMLAttributes<HTMLDivElement>
OptionalcontainerProps
containerProps?: HTMLAttributes<HTMLDivElement>
OptionalspinnerWrapperProps
spinnerWrapperProps?: HTMLAttributes<HTMLDivElement>
OptionalspinnerIcon
spinnerIcon?: ReactNode
OptionalspinnerIconProps
spinnerIconProps?: Partial<FontAwesomeIconProps>
OptionaltitleProps
titleProps?: HTMLAttributes<HTMLHeadingElement>
OptionalmessageProps
messageProps?: HTMLAttributes<HTMLParagraphElement>
OptionalcountdownWrapperProps
countdownWrapperProps?: HTMLAttributes<HTMLParagraphElement>
OptionalcountdownValueProps
countdownValueProps?: HTMLAttributes<HTMLSpanElement>
confirmButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>
OptionalrenderSpinner
renderSpinner?: (options: { defaultSpinner: ReactNode }) => ReactNode
OptionalrenderTitle
renderTitle?: (options: { defaultTitle: ReactNode }) => ReactNode
OptionalrenderMessage
renderMessage?: (
options: {
defaultMessage: ReactNode;
counter: number;
countdownDuration: number;
},
) => ReactNode
OptionalrenderCountdown
renderCountdown?: (
options: {
defaultCountdown: ReactNode;
counter: number;
countdownLabel: ReactNode;
},
) => ReactNode
renderConfirmButton?: (options: { defaultButton: ReactNode }) => ReactNode
OptionalrenderBody
renderBody?: (
options: {
defaultBody: ReactNode;
spinner: ReactNode;
title: ReactNode;
message: ReactNode;
countdown: ReactNode;
confirmButton: ReactNode;
},
) => ReactNode
OptionalrenderContent
renderContent?: (options: { defaultContent: ReactNode }) => ReactNode
OptionalonSuppressConfirmHere
onSuppressConfirmHere?: () => void
Called when user opts out of future confirm-here prompts for this session