---
name: Radio button
route: /components/common/forms/from-radio-button
menu: Forms
edit: false
---

import { Playground, Props } from 'docz'
import FormRadioButton from './form-radio-button'

# FormRadioButton
**SUBCATEGORY:** Forms

<hr />

## Radio button
### Description
For a set of related options. In a group of radio inputs, only one may be selected.

**Default**
<Playground>
  <FormRadioButton
    labelText="Input text"
    id="radioButton"
  />
</Playground>

**Selected**
<Playground>
  <FormRadioButton
    labelText="Input text"
    id="radioSelected"
    defaultChecked
  />
</Playground>

**Disabled**
<Playground>
  <FormRadioButton
    labelText="Input text"
    id="radioDisabled"
    disabled
  />
</Playground>

**Selected and disabled**
<Playground>
  <FormRadioButton
    labelText="Input text"
    id="radioSelectedDisabled"
    disabled
    defaultChecked
  />
</Playground>

**Other use-cases**
<Playground>
  <FormRadioButton labelText="A radio button..." id="other-1" />
  <br />
  <FormRadioButton labelText="Side-by-side another one with a lot of text which should wrap when needed" id="other-2" />
</Playground>

## Properties
<Props of={FormRadioButton} />
