Skip to content
Docs
Components
Forms
Radio Group

RadioGroup

RadiosGroup are used when only one choice may be selected in a series of options. RadioGroup composes Radio component.

Imports

import {
  RadioGroup,
  useRadioGroupProps,
  useRadioGroupState,
  RadioGroupWrapper,
  RadioShowMore,
} from "@adaptui/react-tailwind";
💡

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

Usage

RadioGroup sizes

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

RadioGroup Stack

RadioGroup can be arranged vertical or horizontal

RadioGroup Show More

RadioGroup with more Radios can be made hidden by adding maxVisibleItems prop

API Reference

Prop

Type

Default

sizeunionmd
stackstringvertical
maxVisibleItemsnumbernull
Last updated on June 8, 2023