Interface ConfirmExitModalOptions

interface ConfirmExitModalOptions {
    isConfirmExitModalVisible: boolean;
    onConfirmExitClose: (() => void);
    position?:
        | "topLeft"
        | "topRight"
        | "bottomLeft"
        | "bottomRight";
    backgroundColor?: string;
    exitEventOnConfirm?: ((options: ConfirmExitOptions) => void);
    member: string;
    ban?: boolean;
    roomName: string;
    socket: Socket<DefaultEventsMap, DefaultEventsMap>;
    islevel: string;
    title?: ReactNode;
    confirmLabel?: ReactNode;
    cancelLabel?: ReactNode;
    message?: ReactNode | ((context: {
        islevel: string;
    }) => ReactNode);
    overlayProps?: HTMLAttributes<HTMLDivElement>;
    contentProps?: HTMLAttributes<HTMLDivElement>;
    headerProps?: HTMLAttributes<HTMLDivElement>;
    titleProps?: HTMLAttributes<HTMLHeadingElement>;
    closeButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    closeIconComponent?: ReactNode;
    headerDividerProps?: HTMLAttributes<HTMLHRElement>;
    bodyProps?: HTMLAttributes<HTMLDivElement>;
    messageProps?: HTMLAttributes<HTMLParagraphElement>;
    footerProps?: HTMLAttributes<HTMLDivElement>;
    cancelButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    confirmButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    bodyDividerProps?: HTMLAttributes<HTMLHRElement>;
    renderHeader?: ((options: {
        defaultHeader: ReactNode;
        title: ReactNode;
        onClose: (() => void);
    }) => ReactNode);
    renderBody?: ((options: {
        defaultBody: ReactNode;
        message: ReactNode;
    }) => ReactNode);
    renderFooter?: ((options: {
        defaultFooter: ReactNode;
        onCancel: (() => void);
        onConfirm: (() => void);
    }) => ReactNode);
    renderHeaderDivider?: ((options: {
        defaultDivider: ReactNode;
    }) => ReactNode);
    renderBodyDivider?: ((options: {
        defaultDivider: ReactNode;
    }) => ReactNode);
    renderMessage?: ((options: {
        defaultMessage: ReactNode;
        resolvedMessage: ReactNode;
    }) => ReactNode);
    renderContent?: ((options: {
        defaultContent: ReactNode;
    }) => ReactNode);
}

Properties

isConfirmExitModalVisible onConfirmExitClose position? backgroundColor? exitEventOnConfirm? member ban? roomName socket islevel title? confirmLabel? cancelLabel? message? overlayProps? contentProps? headerProps? titleProps? closeButtonProps? closeIconComponent? headerDividerProps? bodyProps? messageProps? footerProps? cancelButtonProps? confirmButtonProps? bodyDividerProps? renderHeader? renderBody? renderFooter? renderHeaderDivider? renderBodyDivider? renderMessage? renderContent?

Properties

isConfirmExitModalVisible

isConfirmExitModalVisible: boolean

onConfirmExitClose

onConfirmExitClose: (() => void)

Optionalposition

position?:
    | "topLeft"
    | "topRight"
    | "bottomLeft"
    | "bottomRight"

OptionalbackgroundColor

backgroundColor?: string

OptionalexitEventOnConfirm

exitEventOnConfirm?: ((options: ConfirmExitOptions) => void)

member

member: string

Optionalban

ban?: boolean

roomName

roomName: string

socket

socket: Socket<DefaultEventsMap, DefaultEventsMap>

islevel

islevel: string

Optionaltitle

title?: ReactNode

OptionalconfirmLabel

confirmLabel?: ReactNode

OptionalcancelLabel

cancelLabel?: ReactNode

Optionalmessage

message?: ReactNode | ((context: {
    islevel: string;
}) => ReactNode)

OptionaloverlayProps

overlayProps?: HTMLAttributes<HTMLDivElement>

OptionalcontentProps

contentProps?: HTMLAttributes<HTMLDivElement>

OptionalheaderProps

headerProps?: HTMLAttributes<HTMLDivElement>

OptionaltitleProps

titleProps?: HTMLAttributes<HTMLHeadingElement>

OptionalcloseButtonProps

closeButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>

OptionalcloseIconComponent

closeIconComponent?: ReactNode

OptionalheaderDividerProps

headerDividerProps?: HTMLAttributes<HTMLHRElement>

OptionalbodyProps

bodyProps?: HTMLAttributes<HTMLDivElement>

OptionalmessageProps

messageProps?: HTMLAttributes<HTMLParagraphElement>

OptionalfooterProps

footerProps?: HTMLAttributes<HTMLDivElement>

OptionalcancelButtonProps

cancelButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>

OptionalconfirmButtonProps

confirmButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>

OptionalbodyDividerProps

bodyDividerProps?: HTMLAttributes<HTMLHRElement>

OptionalrenderHeader

renderHeader?: ((options: {
    defaultHeader: ReactNode;
    title: ReactNode;
    onClose: (() => void);
}) => ReactNode)

OptionalrenderBody

renderBody?: ((options: {
    defaultBody: ReactNode;
    message: ReactNode;
}) => ReactNode)

OptionalrenderFooter

renderFooter?: ((options: {
    defaultFooter: ReactNode;
    onCancel: (() => void);
    onConfirm: (() => void);
}) => ReactNode)

OptionalrenderHeaderDivider

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)

Settings

Member Visibility

On This Page

Properties