Interface MenuModalOptions

interface MenuModalOptions {
    backgroundColor?: string;
    isVisible: boolean;
    onClose: (() => void);
    customButtons?: CustomButton[];
    shareButtons?: boolean;
    position?: string;
    roomName: string;
    adminPasscode: string;
    islevel: string;
    eventType: EventType;
    localLink?: string;
    title?: ReactNode;
    menuIcon?: ReactNode;
    menuIconProps?: Partial<FontAwesomeIconProps>;
    closeIcon?: ReactNode;
    closeIconProps?: Partial<FontAwesomeIconProps>;
    overlayProps?: HTMLAttributes<HTMLDivElement>;
    contentProps?: HTMLAttributes<HTMLDivElement>;
    headerProps?: HTMLAttributes<HTMLDivElement>;
    titleWrapperProps?: HTMLAttributes<HTMLDivElement>;
    badgeWrapperProps?: HTMLAttributes<HTMLSpanElement>;
    closeButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    dividerProps?: HTMLAttributes<HTMLHRElement>;
    bodyProps?: HTMLAttributes<HTMLDivElement>;
    scrollWrapperProps?: HTMLAttributes<HTMLDivElement>;
    customButtonsWrapperProps?: HTMLAttributes<HTMLDivElement>;
    customButtonsComponentProps?: Partial<CustomButtonsOptions>;
    meetingPasscodeWrapperProps?: HTMLAttributes<HTMLDivElement>;
    meetingPasscodeComponentProps?: Partial<MeetingPasscodeComponentOptions>;
    meetingIdWrapperProps?: HTMLAttributes<HTMLDivElement>;
    meetingIdComponentProps?: Partial<MeetingIdComponentOptions>;
    shareButtonsWrapperProps?: HTMLAttributes<HTMLDivElement>;
    shareButtonsComponentProps?: Partial<ShareButtonsComponentOptions>;
    sectionsDividerProps?: HTMLAttributes<HTMLHRElement>;
    renderHeader?: ((options: {
        defaultHeader: ReactNode;
        onClose: (() => void);
    }) => ReactNode);
    renderTitle?: ((options: {
        defaultTitle: ReactNode;
        menuIcon: ReactNode;
        titleContent: ReactNode;
    }) => ReactNode);
    renderCustomButtons?: ((options: {
        defaultCustomButtons: ReactNode;
        buttons: CustomButton[];
    }) => ReactNode);
    renderMeetingPasscode?: ((options: {
        defaultMeetingPasscode: ReactNode;
        adminPasscode: string;
        isHost: boolean;
    }) => ReactNode);
    renderMeetingId?: ((options: {
        defaultMeetingId: ReactNode;
        roomName: string;
    }) => ReactNode);
    renderShareButtons?: ((options: {
        defaultShareButtons: ReactNode;
        hasShareButtons: boolean;
    }) => ReactNode);
    renderBody?: ((options: {
        defaultBody: ReactNode;
    }) => ReactNode);
    renderContent?: ((options: {
        defaultContent: ReactNode;
    }) => ReactNode);
}

Properties

backgroundColor? isVisible onClose customButtons? shareButtons? position? roomName adminPasscode islevel eventType localLink? title? menuIcon? menuIconProps? closeIcon? closeIconProps? overlayProps? contentProps? headerProps? titleWrapperProps? badgeWrapperProps? closeButtonProps? dividerProps? bodyProps? scrollWrapperProps? customButtonsWrapperProps? customButtonsComponentProps? meetingPasscodeWrapperProps? meetingPasscodeComponentProps? meetingIdWrapperProps? meetingIdComponentProps? shareButtonsWrapperProps? shareButtonsComponentProps? sectionsDividerProps? renderHeader? renderTitle? renderCustomButtons? renderMeetingPasscode? renderMeetingId? renderShareButtons? renderBody? renderContent?

Properties

OptionalbackgroundColor

backgroundColor?: string

isVisible

isVisible: boolean

onClose

onClose: (() => void)

OptionalcustomButtons

customButtons?: CustomButton[]

OptionalshareButtons

shareButtons?: boolean

Optionalposition

position?: string

roomName

roomName: string

adminPasscode

adminPasscode: string

islevel

islevel: string

eventType

eventType: EventType

OptionallocalLink

localLink?: string

Optionaltitle

title?: ReactNode

OptionalmenuIcon

menuIcon?: ReactNode

OptionalmenuIconProps

menuIconProps?: Partial<FontAwesomeIconProps>

OptionalcloseIcon

closeIcon?: ReactNode

OptionalcloseIconProps

closeIconProps?: Partial<FontAwesomeIconProps>

OptionaloverlayProps

overlayProps?: HTMLAttributes<HTMLDivElement>

OptionalcontentProps

contentProps?: HTMLAttributes<HTMLDivElement>

OptionalheaderProps

headerProps?: HTMLAttributes<HTMLDivElement>

OptionaltitleWrapperProps

titleWrapperProps?: HTMLAttributes<HTMLDivElement>

OptionalbadgeWrapperProps

badgeWrapperProps?: HTMLAttributes<HTMLSpanElement>

OptionalcloseButtonProps

closeButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>

OptionaldividerProps

dividerProps?: HTMLAttributes<HTMLHRElement>

OptionalbodyProps

bodyProps?: HTMLAttributes<HTMLDivElement>

OptionalscrollWrapperProps

scrollWrapperProps?: HTMLAttributes<HTMLDivElement>

OptionalcustomButtonsWrapperProps

customButtonsWrapperProps?: HTMLAttributes<HTMLDivElement>

OptionalcustomButtonsComponentProps

customButtonsComponentProps?: Partial<CustomButtonsOptions>

OptionalmeetingPasscodeWrapperProps

meetingPasscodeWrapperProps?: HTMLAttributes<HTMLDivElement>

OptionalmeetingPasscodeComponentProps

meetingPasscodeComponentProps?: Partial<MeetingPasscodeComponentOptions>

OptionalmeetingIdWrapperProps

meetingIdWrapperProps?: HTMLAttributes<HTMLDivElement>

OptionalmeetingIdComponentProps

meetingIdComponentProps?: Partial<MeetingIdComponentOptions>

OptionalshareButtonsWrapperProps

shareButtonsWrapperProps?: HTMLAttributes<HTMLDivElement>

OptionalshareButtonsComponentProps

shareButtonsComponentProps?: Partial<ShareButtonsComponentOptions>

OptionalsectionsDividerProps

sectionsDividerProps?: HTMLAttributes<HTMLHRElement>

OptionalrenderHeader

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

OptionalrenderTitle

renderTitle?: ((options: {
    defaultTitle: ReactNode;
    menuIcon: ReactNode;
    titleContent: ReactNode;
}) => ReactNode)

OptionalrenderCustomButtons

renderCustomButtons?: ((options: {
    defaultCustomButtons: ReactNode;
    buttons: CustomButton[];
}) => ReactNode)

OptionalrenderMeetingPasscode

renderMeetingPasscode?: ((options: {
    defaultMeetingPasscode: ReactNode;
    adminPasscode: string;
    isHost: boolean;
}) => ReactNode)

OptionalrenderMeetingId

renderMeetingId?: ((options: {
    defaultMeetingId: ReactNode;
    roomName: string;
}) => ReactNode)

OptionalrenderShareButtons

renderShareButtons?: ((options: {
    defaultShareButtons: ReactNode;
    hasShareButtons: boolean;
}) => ReactNode)

OptionalrenderBody

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

OptionalrenderContent

renderContent?: ((options: {
    defaultContent: ReactNode;
}) => ReactNode)

Settings

Member Visibility

On This Page

Properties