SideNav
This is a container for SideNav.
Can be themed with Theme.SideNav in Theme.
Component children#
| Key | Component | Condition | Align | Description |
|---|---|---|---|---|
| agent-desktop | React component | start | Agent desktop view side link. Displays a SideLink component with the Agent icon and AgentBold icon when active | |
| supervisor-desktop | React component | start | Supervisor desktop view side link. Displays a SideLink component with the Data icon and DataBold icon when active | |
| teams | React component | Visible only if user is supervisor or admin | start | Teams view side link. Displays a SideLink component with the Agents icon and AgentsBold icon when active |
| queues-stats | React component | Visible only if user is supervisor or admin | start | Queues stats side link. Displays a SideLink component with the Queues icon and QueuesBold icon when active |
| dashboards | React component | Visible only if user has insights enabled | start | Dashboards side link. Displays a SideLink component with the Dashboards icon and DashboardsBold icon when active |
| analyze | React component | Visible only if user has insights enabled | start | Analyze side link. Displays a SideLink component with the Analyze icon and AnalyzeBold icon when active |
| quality-management | React component | Visible only if user has insights enabled | start | Quality management/questionnaires side link. Displays a SideLink component with the Questionnaires icon and QuestionnairesBold icon when active |
| inspections | React component | Visible only if user has insights enabled | start | Inspections side link. Displays a SideLink component with the Inspections icon and InspectionsBold icon when active |
| agents | React component | Visible only if user has insights enabled | start | Agents side link. Displays a SideLink component with the AgentsView icon and AgentsViewBold icon when active |
| speech-searches | React component | Visible only if user has insights enabled | start | Speech searches side link. Displays a SideLink component with the SpeechSearches icon and SpeechSearchesBold icon when active |
Static Properties#
| Name | Type | Description |
|---|---|---|
| defaultProps | SideNavProps | Default properties |
| Content | DynamicContentStore<SideNav.SideNavChildrenProps, SideNavChildrenKeys> | Dynamic content store |
| AgentDesktop | SideLinkAgentDesktop | Agent desktop view link component |
| Teams | SideLinkTeams | Teams view link component |
| QueuesStats | SideLinkQueuesStats | Queues stats view link component |
| QualityManagement | SideLinkInsightsQualityManagement | Quality Management view link component |
| Dashboards | SideLinkInsightsDashboards | Dashboards view link component |
| Analyze | SideLinkInsightsAnalyze | Analyze view link component |
Component Properties#
| Name | Type | Description | Optional | Default |
|---|---|---|---|---|
| reserveSpace | boolean | Whether the SideNav is shown in compact mode. | Yes | |
| children | DynamicComponentChildren<SideNavChildrenProps> | children | Yes |
Component Children Properties#
| Name | Type | Description | Optional | Default |
|---|---|---|---|---|
| incomingTasks | boolean | Whether there are incoming tasks or not. If there are, the SideNav shows an indicator in the agent-desktop icon. | Yes | |
| isOpen | boolean | Whether the Sidebar is open or not. | Yes | |
| activeView | string | Represents the current active view. | Yes | |
| reserveSpace | boolean | Whether the SideNav is shown in compact mode. | Yes | |
| children | DynamicComponentChildren<SideNavChildrenProps> | children | Yes |
Rate this page