MainHeader
This is a container for MainHeader. Can be themed with [theme.MainHeader]
Component children#
| Key | Component | Condition | Align | Description |
|---|---|---|---|---|
| sidenav-button | styled(div) | start | A wrapper that displays the main header menu button | |
| logo | styled(img) | Visible only when logoUrl is provided as prop. | start | Container for the main header logo |
| logo | img | Visible only when logoUrl is not provided as prop. | 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 | React component | Visible when outbound calling is enabled | end | A button that opens the Dialpad when clicked |
| user-controls | React component | end | A wrapper that displays the user controls |
Static Properties#
| Name | Description | Type |
|---|---|---|
| Content | Dynamic content store | DynamicContentStore.<MainHeader.MainHeaderChildrenProps> |
| defaultProps | Default properties | MainHeader.MainHeaderProps |
Component Properties
logoUrl?: stringLogo URL shown in the main header.
Badge?: ComponentBadgeProps.<MainHeaderProps>Set of properties for internal Badge element.
Badge.children?: number | functionChildren of internal Badge component.
isSideNavOpen?: booleanWhether the Sidebar is open or not.
isOutboundDialerOpen?: booleanWhether the Outbound dialer is open or not.
children?: DynamicContentStore.DynamicComponentChildren.<MainHeaderChildrenProps>children