Function DisplaySettingsModal

DisplaySettingsModal component provides a modal interface for managing display settings with options for display types, audiograph, and video controls.

Component

Example

import React, { useState } from 'react';
import { DisplaySettingsModal } from 'mediasfu-reactjs';

const App = () => {
  const [modalVisible, setModalVisible] = useState(true);
  const handleModalClose = () => setModalVisible(false);
  
  const parameters = {
    meetingDisplayType: "video",
    autoWave: true,
    forceFullDisplay: false,
    meetingVideoOptimized: true,
  };

  return (
    <DisplaySettingsModal
      isDisplaySettingsModalVisible={modalVisible}
      onDisplaySettingsClose={handleModalClose}
      parameters={parameters}
      position="topRight"
      backgroundColor="#83c0e9"
    />
  );
}

export default App;

Properties

propTypes? displayName?

Properties

OptionalpropTypes

propTypes?: any

Ignored by React.

Deprecated

Only kept in types for backwards compatibility. Will be removed in a future major release.

OptionaldisplayName

displayName?: string

Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.

See

Legacy React Docs

Example


const MyComponent: FC = () => {
  return <div>Hello!</div>
}

MyComponent.displayName = 'MyAwesomeComponent'

Settings

Member Visibility

On This Page

Properties