Radiobuttons

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

Default
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Border: 1px solid #58176E
Fill: #FFFFFF
Hover
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Border: 1px solid #58176E
Fill: #AAF7FF
Focus and selected
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Border: 1px solid #58176E
Fill: #FFFFFF
Bubble: no border, fill #59186F
Disabled
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Border: 1px solid #B6B7B7
Fill: #FFFFFF
Radiobuttons demonstration