OptionalbackgroundColor
backgroundColor?: string
isVisible
isVisible: boolean
onClose
onClose: () => void
Optionalposition
position?: string
adminPasscode
adminPasscode: string
OptionallocalLink
localLink?: string
OptionalisDarkMode
isDarkMode?: boolean
OptionalonToggleTheme
onToggleTheme?: (value: boolean) => void
Optionaltitle
title?: ReactNode
menuIconProps?: Partial<FontAwesomeIconProps>
OptionalcloseIcon
closeIcon?: ReactNode
OptionalcloseIconProps
closeIconProps?: Partial<FontAwesomeIconProps>
OptionaloverlayProps
overlayProps?: HTMLAttributes<HTMLDivElement>
OptionalcontentProps
contentProps?: HTMLAttributes<HTMLDivElement>
headerProps?: HTMLAttributes<HTMLDivElement>
OptionaltitleWrapperProps
titleWrapperProps?: HTMLAttributes<HTMLDivElement>
OptionalbadgeWrapperProps
badgeWrapperProps?: HTMLAttributes<HTMLSpanElement>
closeButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>
OptionaldividerProps
dividerProps?: HTMLAttributes<HTMLHRElement>
OptionalbodyProps
bodyProps?: HTMLAttributes<HTMLDivElement>
scrollWrapperProps?: HTMLAttributes<HTMLDivElement>
customButtonsWrapperProps?: HTMLAttributes<HTMLDivElement>
OptionalmeetingPasscodeWrapperProps
meetingPasscodeWrapperProps?: HTMLAttributes<HTMLDivElement>
OptionalmeetingPasscodeComponentProps
meetingPasscodeComponentProps?: Partial<MeetingPasscodeComponentOptions>
OptionalmeetingIdWrapperProps
meetingIdWrapperProps?: HTMLAttributes<HTMLDivElement>
OptionalmeetingIdComponentProps
meetingIdComponentProps?: Partial<MeetingIdComponentOptions>
shareButtonsWrapperProps?: HTMLAttributes<HTMLDivElement>
shareButtonsComponentProps?: Partial<ShareButtonsComponentOptions>
OptionalsectionsDividerProps
sectionsDividerProps?: HTMLAttributes<HTMLHRElement>
renderHeader?: (
options: { defaultHeader: ReactNode; onClose: () => void },
) => ReactNode
OptionalrenderTitle
renderTitle?: (
options: {
defaultTitle: ReactNode;
menuIcon: ReactNode;
titleContent: ReactNode;
},
) => ReactNode
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
renderShareButtons?: (
options: { defaultShareButtons: ReactNode; hasShareButtons: boolean },
) => ReactNode
OptionalrenderBody
renderBody?: (options: { defaultBody: ReactNode }) => ReactNode
OptionalrenderContent
renderContent?: (options: { defaultContent: ReactNode }) => ReactNode
Theme control - whether dark mode is active