OneDS
Components • Assets

Reusable building blocks for digital products

Reusable building blocks for digital products

Browse production-ready UI components with usage guidelines, behaviors, and implementation details for consistent experiences.

Browse production-ready UI components with usage guidelines, behaviors, and implementation details for consistent experiences.

Web catalogue iOS catalogue Android catalogue
Data unit component illustration
Data unitA compact component used to display a specific data value paired with its unit of measurement.
Design
Development
Divider component illustration
DividerA lightweight visual element used to separate or group related content in the interface.
Design
Development Not available yet
Footer Actions component illustration
Footer ActionsThe Footer Actions component is a container for buttons, typically displayed at the bottom of a dialog or sheet. It provides users with clearly defined controls for progressing or exiting a workflow. The component ensures actions are visually distinct and accessible.
Design
Development Not available yet Not available yet
iOS buttons component illustration
iOS buttonsNative components used in iOS library.
Design
Development
Keyboard component illustration
KeyboardThe virtual keyboard serves as a digital alternative to physical keyboards.
Design
Development Not available yet Not available yet Not available yet
Section header component illustration
Section headerThe Section Header is a structural component used to introduce and organize groups of list items. It provides context and improves scalability by separating content into meaningful sections.
Design
Development
Severity icons component illustration
Severity iconsSeverity icons shall be used consistently across the system and product families in order to support the user in conducting desired task safely.
Design
Development Not available yet
Skeleton Loader component illustration
Skeleton LoaderA placeholder UI component used to signal that content is being loaded while providing a visual structure that resembles the final layout.
Design
Development Not available yet