Skip to main content

Radio

Examples

Radio

Code
<Radio
  id="choice-1"
  name="options-1"
  value="dolor"
>
  Lorem Ipsum
</Radio>

Radio, disabled

Code
<Radio
  disabled
  id="choice-1-disabled"
  name="options-1"
  value="dolor"
>
  Lorem Ipsum
</Radio>

Checked

Code
<Radio
  defaultChecked
  id="choice-2"
  name="options-2"
  value="dolor"
>
  Lorem Ipsum
</Radio>

Checked, disabled

Code
<Radio
  defaultChecked
  disabled
  id="choice-2-disabled"
  name="options-2-disabled"
  value="dolor"
>
  Lorem Ipsum
</Radio>

onChange Handler

Code
<Radio
  id="choice-3"
  name="options-3"
  onChange={function noRefCheck() {}}
  value="dolor"
>
  Lorem Ipsum
</Radio>

Radio Group

Radios
Code
<FormGroup title="Radios">
  <Radio
    id="choice-4-1"
    name="list-1"
    value="dolor"
  >
    Lorem Ipsum
  </Radio>
  <Radio
    id="choice-4-2"
    name="list-1"
    value="massa"
  >
    Solor
  </Radio>
  <Radio
    id="choice-4-3"
    name="list-1"
    value="gravida"
  >
    Dit Amet
  </Radio>
</FormGroup>

Props

className

string

The className property sets the value of the class attribute of the element.

size

TextSize

Renders content at the size of the passed value.

rightAlign

boolean