MediaSFU React Native
    Preparing search index...

    Variable MenuModalConst

    MenuModal: React.FC<MenuModalOptions> = ...

    MenuModal offers a consolidated hub for meeting metadata, quick actions, and sharing shortcuts. Hosts and facilitators can expose custom buttons, reveal passcodes, and copy/share meeting details without navigating away from the current screen.

    • Auto-resizes based on screen width with a 450px cap for consistent layout.
    • Supports custom call-to-actions via customButtons with iconography.
    • Conditionally reveals admin passcodes for elevated users (level '2').
    • Integrates share helpers for room links, event type metadata, and local CE URLs.
    • Provides renderContent and renderContainer overrides for deep customization.
    • Anchorable to any corner of the screen using position.
    • Close button carries descriptive labels for assistive technologies.
    • Scrollable content maintains keyboard navigation through focusable items.

    Modal configuration options.

    Rendered meeting menu modal.

    <MenuModal
      isVisible={visible}
      onClose={handleClose}
      roomName={roomName}
      adminPasscode={adminPasscode}
      islevel={userLevel}
      eventType="video"
    />

    <MenuModal
      isVisible
      onClose={toggleMenu}
      roomName="DesignSync"
      adminPasscode="742915"
      islevel="2"
      eventType="hybrid"
      backgroundColor="#101826"
      style={{ borderRadius: 24 }}
      customButtons={[
        {
          text: 'End Meeting',
          icon: 'power-off',
          show: true,
          backgroundColor: '#ff5a5f',
          action: handleEndMeeting,
        },
      ]}
    />

    <MenuModal
      isVisible={open}
      onClose={close}
      roomName={roomId}
      adminPasscode={passcode}
      islevel="1"
      eventType="broadcast"
      renderContainer={({ defaultContainer }) => (
        <AnimatedPresence>{defaultContainer}</AnimatedPresence>
      )}
    />

    Settings

    Member Visibility

    On This Page

    Key FeaturesAccessibility