GitHubReact Aria

Radio button components

Radio buttons are similar to checkboxes, however, only one option can be selected at a time. They’re ideal when users need to pick one choice from a list and all options should be visible.

Radio button example

Installation

You can add this radio button component using our CLI or manually:

npx untitledui add radio-button

Radio button examples

Below are examples and variations of this radio button component:

With label

With label and hint

Disabled

Disabled individual option

Sizes

CheckboxesRadio groups