List
List is a group of related pieces of information displayed or organized in a logical or linear formation.
The lists are frequently used for navigation as well as general content.
Anatomy
![anatomy](/static/1721996594019.4783104017879/e5715/ui-controls-list-anatomy.png)
- List item: An element used to represent an item in a list. It is usually composed of Information Controls or Information Controls combined with other components (for example, Switch, etc.).
Usage
![usage example1 thumbnail](https://developer.tomtom.com/assets/downloads/tomtom-digital-cockpit/image-components/designers/design-system/ui-controls/list/ui-controls-list-usage-example1.png)
Recents list in Communication
List of recents calls.
![usage example2 thumbnail](https://developer.tomtom.com/assets/downloads/tomtom-digital-cockpit/image-components/designers/design-system/ui-controls/list/ui-controls-list-usage-example2.png)
Bluetooth pairing flow modal
List of available devices.
Customization
Type | Customizable |
---|---|
Theming | The margins between list items can be adjusted. |
Configurations | - |
Content | Different lists compose different types of items (usually Information Control). Their content can be changed per use case. |