Overview
Components / Overview
Intro
This overview highlights the CX-specific components documented in the Best Practice Guide. Each component is accompanied by best practices and design recommendations to ensure consistency, usability, and alignment across CX products.
All additional UI elements from the Design System for Web can be found under the following link.
The InnerSource process organizes the responsibilities and collaboration between different teams and ensures the quality and business continuity in a system of distributed responsibilities. New features or elements that should be added to the design system must be requested via the InnerSource process and will be assigned to the responsible teams.
Owned Components
Inline Help
Inline help is used to display help text in a popover, often inline with headers, body text and form labels. It also uses the popover component and supports its whole functionality.
Side Navigation
The side navigation is designed for consistent use in CX applications. It can be used to display navigation structures with up to three levels: first-level, and second-level items which may be navigable or act as containers, and third-level items which are always only navigable.
CX Best Practices
Search Field
This article enhances the search field component article and search field visual design specification with further best practices.
Create Custom Illustrations
This article focuses on the essential practices for exporting illustrations as SVGs and converting hex color codes to theming parameters, ensuring your illustrations are themeable, and remain cohesive within our design system.