Your bookmarks

ChoiceGroup

Organizes checkboxes or radio buttons into a single related group.

When users have multiple options to choose from, it can make sense to group them together under a single heading to make it clear what is offered. A choice group gives unified instructions for a group where users can either select one (with radios) or multiple (with checkboxes) options.

Component status

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

Content structure

Label: presents a clear opening statement to help users pick; choices: choices to pick from -- usually Radio or Checkbox, depending on if users should pick one or more options; error message: helps users through the problem to a solution.