# List

Source: https://design.ritchiebros.com/components/data-display/list/

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

## Figma

The Figma reference for **List** will appear here once the design link is added.

## Storybook

Interactive examples for **List** will render here once the Storybook link is wired in.

## Best practices

- Break up chunks of related content to make information easier to scan.
- Phrase items consistently — start each with a noun or a verb and stay consistent.
- Don’t use a list when the entire item represents an action; use a menu or an actionable list instead.

## Do’s and don’ts

**Do:** Start each item with a capital letter, in sentence case, with no trailing punctuation.

**Don’t:** Title-case items or end them with commas or semicolons.

## Related components

- [Menu](https://design.ritchiebros.com/components/navigation/menu/)
- [Divider](https://design.ritchiebros.com/components/data-display/divider/)