Lists

Usage

Lists display a set of related text-only content. Each list item begins with a bullet or a number.

Best Practices

• Break up chunks of related content to make the information easier for users to scan

• Not be used for lists where the entire item represents an action

• Start with a capital letter

• Not use commas or semicolons at the end of each line

Examples

Sizing and Styles

Parent

• Icon: Blue base

• Left padding: 8px

• Font: Open Sans Regular 16px

• Font colour: Blue base

• Radio and Checkbox - usual state applies

Child

• Icon: Grey base

• Left padding: 8px

• Font: Open Sans Regular 16px

• Font colour: Grey base

• Radio and Checkbox - usual state applies