MainHeader
This is a container for MainHeader.
Can be themed with Theme.MainHeader in Theme.
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 | |
| activity | React component | end | A dropdown component that enables the user to change their activity status | |
| device-manager | React component | end | A menu component that enables the user to select input/output audio device |
Static Properties#
| Name | Type | Description |
|---|---|---|
| Content | DynamicContentStore<MainHeader.MainHeaderChildrenProps, MainHeaderChildrenKeys> | Dynamic content store |
| defaultProps | MainHeader.MainHeaderProps | Default properties |
Component Properties#
| Name | Type | Description | Optional | Default |
|---|---|---|---|---|
| logoUrl | string | Logo URL shown in the main header. | Yes | |
| logoAltText | string | Logo alt text shown in the main header. | Yes | |
| Badge | ComponentBadgeProps<MainHeaderProps> | Set of properties for internal Badge element. | Yes | |
| Badge.children | number | function | Children of internal Badge component. | Yes | |
| isSideNavOpen | boolean | Whether the Sidebar is open or not. | Yes | |
| isOutboundDialerOpen | boolean | Whether the Outbound dialer is open or not. | Yes | |
| children | DynamicContentStore.DynamicComponentChildren<MainHeaderChildrenProps> | children | Yes |
Component Children Properties#
| Name | Type | Description | Optional | Default |
|---|---|---|---|---|
| incomingTasks | boolean | Deprecated - Whether there are any incoming tasks or not. | Yes | |
| isLiveVoiceCall | boolean | Whether there is a live voice call. | Yes | |
| isLiveVoiceConnection | boolean | Deprecated: use isLiveVoiceCall. | Yes | |
| Badge | Badge.BadgeProps | Set of properties for internal Badge element. | Yes | |
| logoUrl | string | Logo URL shown in the main header. | Yes | |
| logoAltText | string | Logo alt text shown in the main header. | Yes | |
| Badge | ComponentBadgeProps<MainHeaderProps> | Set of properties for internal Badge element. | Yes | |
| Badge.children | number | function | Children of internal Badge component. | Yes | |
| isSideNavOpen | boolean | Whether the Sidebar is open or not. | Yes | |
| isOutboundDialerOpen | boolean | Whether the Outbound dialer is open or not. | Yes | |
| children | DynamicContentStore.DynamicComponentChildren<MainHeaderChildrenProps> | children | Yes |