Skip to main content

Lists

Pattern
Live

The List pattern allows content to be presented in ordered and unordered lists.

Figma

Usage​

The List provides a way to vertically organise content for ease of reading. Especially when the content has a sequence or hierarchy.

When to use​

Use Lists to display sequential or hierarchical content with the aid of bullets or numbers.

When to avoid​

Avoid using Lists when content has a narrative flow or does not have hierarchy or sequence. In these cases, consider using paragraphs.

Do

  • Do use bullets or numbers to indicate sequence or hierarchy.