Variable EventSettingsModal`Const`

EventSettingsModal: React.FC<EventSettingsModalOptions> = ...

EventSettingsModal enables hosts to adjust meeting-level permissions (audio, video, screenshare, chat) in real time. It synchronizes with socket-based updates and exposes override hooks for custom layouts or animated containers.

Key Features

Maps participant permission rules to intuitive picker controls.
Persists changes using modifySettings by default, with override support.
Provides render overrides and style props for bespoke UI.
Leverages updateIsSettingsModalVisible for external state coordination.
Supports corner anchoring and color theming.

Accessibility

Close button includes assistive labels for screen readers.
Picker controls support keyboard navigation and voiceover prompts.

Param: props

Modal configuration options.

Returns

Rendered event settings modal.

Example: Default configuration with host-managed settings.

<EventSettingsModal
  isEventSettingsModalVisible={visible}
  onEventSettingsClose={hide}
  audioSetting={audio}
  videoSetting={video}
  screenshareSetting={screen}
  chatSetting={chat}
  updateAudioSetting={setAudio}
  updateVideoSetting={setVideo}
  updateScreenshareSetting={setScreen}
  updateChatSetting={setChat}
  updateIsSettingsModalVisible={setVisible}
  roomName={roomId}
  socket={socket}
/>

Example: Customized handler with animated container.

<EventSettingsModal
  {...props}
  onModifyEventSettings={saveEventSettings}
  backgroundColor="#0f172a"
  style={{ borderRadius: 24 }}
  renderContainer={({ defaultContainer }) => (
    <FadeIn>{defaultContainer}</FadeIn>
  )}
/>