Your bookmarks

ListChoice

Shows one of a selectable list of items with similar structures.

When you want to present users with similar choices, it can help to make them look similar so users can quickly find the differences among them. Use list choices to present information like nearby cities at various distances from the user.

Use icons and descriptions to make the choices seem more interesting.

Component status

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

Content structure

Title: clarifies what the choice offers; checkbox: optionally indicates when the choice is selectable; icon: visually supports the choice; description: optionally adds more explanation to the choice.