Radio Group

A radio group allows a user to select a single item from a list of mutually exclusive options.

Installation

CLI

Copy & Paste

bash

npx @sly-cli/sly add draft-ui radio-group

The default RadioGroup uses orientation vertical.

Example

Code

Favorite animal

Dog

Cat

Dragon

Set the orientation prop to horizontal to use a horizontal RadioGroup.

Example

Code

Favorite animal

Dog

Cat

Dragon

Use the isDisabled prop to make the entire RadioGroup disabled.

Example

Code

Favorite animal

Dog

Cat

Dragon