Component size, gzipped: 17kb



Radios are used when only one choice may be selected in a series of options.

When to use

  • When the user should see all available options.


Basic usage

This is a radio description, it gives a little more in-yo-face context about what this is.

Disabled radios

Horizontal alignment

Error state

Overrides usage

Stateful (uncontrolled) usage

As with many of our components, there is also an uncontrolled version, StatefulRadioGroup, which manages its own state.


Radio props

Radio exports

You can import this module like so:

import {StatefulRadioGroup} from 'baseui/radio'

It exports the following components or utility functions: