Radio

The Radio component allows user to select a single item from a list.

DetailsProperties

Usage

The radio and radio group are used for selecting a single option from a list. If you need to have an unselected state, just add a radio button with a None option. Begin labels with a capital letter.


Evergreen exports two components to create radios and radio groups:

  • RadioGroup: Helps manage a group of radios. Try this first.
  • Radio: Directly maps to a input element.


RadioGroup

The RadioGroup is the preferred way to create radio groups in most use cases.


Default size

Permissions

Bigger size

Permissions

Radio

Radio states

Radio states (bigger)