Description of icon
Flex UI
API Reference

MainContainer

This is a container for MainContainer. Can be themed with Theme.MainContainer in Theme.


Component children#

KeyComponentConditionAlignDescription
sidenavSideNavContainer for the side navigation bar
outbound-dialer-panelOutboundDialerPanelVisible only when `showOutboundDialer` prop is trueOutboundDialerPanel
contentstyled(div)Content container where all views are rendered
player-module-feature-guardReact componentVisible only if insights player feature is enabledContainer for player module. Allows agent to see completed chat tasks and listen to call recordings

Static Properties#

NameDescriptionType
Content

Dynamic content store

DynamicContentStore.<MainContainer.MainContainerChildrenProps>
defaultProps

Default properties

MainContainer.MainContainerProps

Component Properties

  • keepSideNavOpen?: boolean

    Whether the SideNav preview panel should be always visible. Default is false, which makes the preview show only after the whole app is wide enough.

  • showNotificationBar?: boolean

    Whether notifications will be shown on the NotificationBar or not. If set to false, no notifications in NotificationBar will be shown.

  • showLiveCommsBar?: boolean

    Whether to display an incoming call bar for views different from Agent Desktop or not.

  • children?: DynamicContentStore.DynamicComponentChildren.<MainContainerChildrenProps>

    children

Need some help?