Component size, gzipped: 17kb

Radio

API

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.

Examples

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.

API

Radio props

Radio exports

You can import this module like so:

import {StatefulRadioGroup} from 'baseui/radio'

It exports the following components or utility functions: