Your bookmarks

Checkbox

Enables users to pick multiple options from a group.

With all of the choices that go into planning a trip, decision fatigue can overtake even the most seasoned traveler. Simplify the process for your users by presenting them with clear, well-defined choices.

Checkboxes make it clear that multiple options in a form can be selected. Make sure you add enough context so users have everything they need to make an informed decision.

Component status

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

Content structure

Label: works best when short; checkbox controller: indicates the state, which can be selected or not; info text: adds more explanation to the label and can contain a link, usually "learn more" or similar.