Checkbox

We will use the checkbox component when a list of options is listed and only one can be selected.

There will never be more than one column.

Whenever we select an option, if there is another one previously chosen it will automatically uncheck.

Appearance by status

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Border: 1px solid #58176E
Fill: #FFFFFF
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Border: 1px solid #58176E
Fill: #AAF7FF
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Border: 1px solid #58176E
Fill: #FFFFFF
Icon: 12x12px, no border, fill #59186F
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Border: 1px solid #B6B7B7
Fill: #FFFFFF
Checkbox demonstration