---
name: RadioButton
---

import { RadioButton } from '../../../../react-common/src'
import Playground from '../../components/Playground/Playground'
import Props from '../../components/Props/Props'
import Header from '../../components/Header/Header'

<Header of="RadioButton" />

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

## Props

<Props of="RadioButton" />

## See Also

- [Checkbox](./Checkbox) for a similar component on selecting values among very few choices.
- [Select](./Select) for a similar component suitable for selecting more values.
