Skip to content

role group

Checkbox group draft v0.1.0

Lets people pick any number of options from a short, visible set, under one legend.

A checkbox group shows every option at once, with a legend naming the choice, and lets people check any number of them, including none. It is the grouped form of the Checkbox: the group carries the legend, the shared help text and the error message, and each option its own label, description, value and checked state. Exactly one choice is a Radio group; a long list is a Select.

Examples

Notifications

  • A daily digest

  • Carrier rates may apply

  • orientation="vertical"
  • size="medium"
  • label="Notifications"
  • name="notifications"
  • options=[{"label":"Email","value":"email","description":"A daily digest","checked":true},{"label":"Push","value":"push","checked":true},{"label":"Text message","value":"sms","description":"Carrier rates may apply"}]
Open in playground