> For the complete documentation index, see [llms.txt](https://hinahirani.gitbook.io/ui-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hinahirani.gitbook.io/ui-guide/components/lists.md).

# Lists

### Usage

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

![](/files/-MAbCiz8bwJhCmHUN5eR)

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

![](/files/-MAbClu3ojLr4p4IRo9b)

### Sizing and Styles

![](/files/-MAbD0JcW5Vd2B-NcT0z)

**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&#x20;
* Font colour: Grey base
* Radio and Checkbox - usual state applies
