08. List

Use a list to show multiple, vertically juxtaposed items as a single continuous component.

Phone

Tablet

1Width 90%

2Width 75%

Title

The title of the body within a list must be no longer than a line. There is no maximum length limit for the secondary text.

1Title

2Secondary text

Subheader

You may provide a subheader for the grouped items in a list, if needed.

Counter

For a list that includes content like emails or messages, provide a counter area that displays the total number of lists at the bottom.