Interface MediaPanelConfiguration

This configuration allows the MediaPanel to be customized in several ways.

The MediaPanel can have different states. A Collapsed Only state, Expanded Only state or a Full Widget state. When tapping the Full widget (or the collapsed panel) it switches to the Expanded state.

When creating a MediaPanel, choose the style when presenting it:

// Selector target needs to be rendered on the page prior to this
const targetElement = document.querySelector('#myMediaPanel');

const myPanel = MediaPanel(
 targetElement,
 {
   client: client,
   channelId: 'INSERT_CHANNEL_ID_HERE',
   theme: {
     // You can specify a base theme to start from
     base: 'light',
   }
   config: {
     // You can specify a title for you panel
     title: 'John and Leila call',
   }
 }
);

See

How to apply a configuration?