Components

MainHeader

<MainHeader {...MainHeader.MainHeaderProps} />

This is a container for MainHeader. Can be themed with [theme.MainHeader]

Component children

The following table contains a list of children.
Key Condition Type Align Description
sidenav-button styled(div) start A wrapper that displays the main header menu button
logo Visible only when logoUrl is provided as prop. styled(img) start Container for the main header logo
logo Visible only when logoUrl is not provided as prop. img start Default Header logo if logoUrl is not provided as prop
errorui-button React component end A wrapper that displays the errors thrown in the current session
dialpad-button Visible when outbound calling is enabled React component end A button that opens the Dialpad when clicked
mute-button React component end Mute button
user-controls React component end A wrapper that displays the user controls

Members

DynamicContentStore.<MainHeader.MainHeaderChildrenProps>

# static readonly Content

Dynamic content store
MainHeader.MainHeaderProps

# static readonly defaultProps

Default properties

Type Definitions

MainHeader.MainHeaderProps

# MainHeaderChildrenProps

Properties of MainHeader.
Properties:
Name Type Attributes Description
incomingTasks boolean <optional>
 Deprecated - Whether there are any incoming tasks or not.
isLiveVoiceConnection boolean <optional>
 Whether there is a live voice connection.
Badge Badge.BadgeProps <optional>
 Set of properties for internal Badge element.

# MainHeaderProps

Properties of MainHeader.
Properties:
Name Type Attributes Description
logoUrl string <optional>
 Logo URL shown in the main header.
Badge ComponentBadgeProps.<MainHeader.MainHeaderProps> <optional>
 Set of properties for internal Badge element.
children number | function <optional>
 Children of internal Badge component.
isSideNavOpen boolean <optional>
 Whether the Sidebar is open or not.
children DynamicComponentChildren.<MainHeader.MainHeaderChildrenProps> <optional>
 children