---
name: Radio Button
menu: Components
---

import { Playground, Props, Link } from 'docz'
import RadioButton from './RadioButton'

# Radio Button

Component for values which are to be selected from a few list of options.

<Playground>
  <div style={{ margin: '1rem 0' }}>
    <RadioButton name="flavor" label="Chocolate" />
  </div>
  <div style={{ margin: '1rem 0' }}>
    <RadioButton name="flavor" label="Vanilla" />
  </div>
</Playground>

## Props

<Props of={RadioButton} />

## See Also

- <Link to="../lib-components-checkbox-checkbox">Checkbox</Link> for a similar component on selecting values among very few choices.
- <Link to="../lib-components-select-select">Select</Link> for a similar component suitable for selecting more values.