Your bookmarks

List

Shows related items.

Lists present simple pieces of information that are related or have a similar structure. This makes the items easier to scan. Make sure the items have similar structures – don’t mix different grammar or capitalization.

If your information is complicated or includes items that aren’t just text, consider other components, such as tables.

Component status

Figma
Released
Web (React)
Released
iOS (Swift)
n/a
Android (Kotlin)
n/a
Sketch
Released

Content structure

Icon: visually supports list item contents; ListItem: includes one item in the list; content: best when short and doesn't need to be complete sentences.