Forms / Radio

Radio

Radio buttons are similar to Select menus, in that it allows the user to select an option out of a group of options. However, they offer different user experiences, and one may be better than the other in some situations.

Similar to other controls, we wrap the default browser radio tag, to get some nice defaults out of the box, but we allow custom types as options, so the developer experience is nice. Here's a simple example:

Basic example

Pick a fruit

The options can also be stacked on top of each other:

Vertical example

Pick a fruit

They can be disabled:

Disabled

Pick a fruit

And also show errors:

With error

Pick a fruit

Something went wrong