Radio

Allows users to select one option from a set. Use RadioGroup to Wrap a set of Radio Inputs.

Basic

What is your favorite color?
<Typography variant="xLarge">What is your favorite color?
  <RadioGroup
    name="Name"
    selectedValue="red"
    defaultFocusedRadio={0}
    onChange={() => {
      console.log('toggled')
    }}
  >
    <FormControlLabel label="Orange" control={<Radio value="orange" />} />
    <FormControlLabel label="Green" control={<Radio value="green" />} />
    <FormControlLabel label="Red" control={<Radio value="red" />} />
    <FormControlLabel label="Blue" control={<Radio value="blue" />} />
  </RadioGroup>
</Playground>

API