Skip to content
Docs
Components
Forms
Radio

Radio

Radio composes reakit's radio component. A Single Radio doesn't make sense without RadioGroup.

Imports

import {
  Radio,
  RadioDescription,
  RadioIcon,
  RadioInput,
  RadioLabel,
  useRadioProps,
  useRadioState,
  RadioText,
} from "@adaptui/react-tailwind";
💡

A complex component that supports customization as per the composition guide.

Usage

Radio sizes

Sizes can be set using the size prop. The default size is md. The available sizes are: sm md lg

Radio UI states

Radio can be controlled using state prop.

Radio Disabled states

Radio Label & Description

API Reference

Prop

Type

Default

sizeunionmd
disabledbooleanfalse
isCheckedbooleanfalse
labelReact.ReactNode-
descriptionReact.ReactNode-
iconReact.ReactNode-
Last updated on June 8, 2023