components

Radio Group

Allow a single selection from a set of options

Source CodeRadix UI

Installation

pnpm add @radix-ui/react-radio-group

Usage

Imports

/components/ui/radio-group
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"

Code

/components/ui/radio-group
<RadioGroup defaultValue="apple">
	<RadioGroupItem value="apple" />
	<RadioGroupItem value="banana" />
	<RadioGroupItem value="orange" />
</RadioGroup>

Examples

Size

Disabled

Form

Choose one option before submitting.

Props

<RadioGroup>
NameDefaultValues
sizemdsmmdlg
External Reference--
<RadioGroupItem>
NameDefaultValues
sizeundefinedsmmdlg
External Reference--