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.