Radiobuttons

Types

Makes you choose 1 item from a list that consits of 2 or more items. Need to select more then one option? Use checkboxes instead.

Sizes

Radiobuttons have two key sizes: small and large.

Labels

Sizes

Disabled

Click area

  • Depending on the context, different text-sizes are possible.
  • A disabled radiobutton has a disabled label.
  • The label is part of the click target, except when there is a link present in the label. In that case, use a paragraph instead.
  • Labels should start with an uppercase letter.