Radio

Displays a form input field or a component that looks like an input field.

Installation

CLI

Copy & Paste

bash

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

Warning

Radio is a primitive component, it is not meant to be used on it's own. It must be wrapped in a RadioGroup.

The default Radio uses size md.

Example

Code

Cat

Dog

You can use the size prop to alter the Radio size. Sizes sm, md, and lg are included by default.

Use the isDisabled prop to make an individual Radio disabled.

Example

Code

Cat

Dog