List

The simplest way of listing data in an orderly fashion with labels and associated data.

Guidelines

When there is a larger number of entries in the list, they may be grouped under a separate label, creating a group.

Usage

Lists are used when the added functionality of tables are not required.

Behaviour

When there is sufficient space, data is listed to the right of the label, but in smaller containers, such as a slide-out, it may be displayed the same was as done in a mobile device with the label above the data.

Specification

The list component inherits measurements from tables in regards to line-heights, colours, etc.

Desktop

 

Mobile