# Lists

### Usage

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

![](https://3802052413-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MAR5Yg4q9IkTHuRlbjQ%2F-MAb9yjAaW2ipoOAxdd_%2F-MAbCiz8bwJhCmHUN5eR%2FList%20usage.png?alt=media\&token=c85606d8-aaf6-4f01-b073-42dfecc8183c)

### 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

![](https://3802052413-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MAR5Yg4q9IkTHuRlbjQ%2F-MAb9yjAaW2ipoOAxdd_%2F-MAbClu3ojLr4p4IRo9b%2FList%20example.png?alt=media\&token=56cbce58-f1ec-4134-b9c8-04342b05814d)

### Sizing and Styles

![](https://3802052413-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MAR5Yg4q9IkTHuRlbjQ%2F-MAb9yjAaW2ipoOAxdd_%2F-MAbD0JcW5Vd2B-NcT0z%2FList%20sizes.png?alt=media\&token=021fd605-1d73-4780-9f6a-7a34e4b42344)

**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