---
name: RadioButton
route: /components/radiobutton
menu: Components
---

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

# RadioButton

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

<Playground>
  <div style={{ display: 'grid', gap: '1rem', }}>
    <div>
      <RadioButton name="flavor" label="Chocolate" />
    </div>
    <div>
      <RadioButton name="flavor" label="Vanilla" />
    </div>
  </div>
</Playground>

## Props

<Props of={RadioButton} />

## See Also

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