Components

Radio Group

A set of radio buttons where only one option can be selected at a time.

example.tsx

Option One

Option Two

Import

tsx

import { AppRadioGroup, AppRadioGroupItem } from "@/components/primitives/AppRadioGroup"

API Reference

AppRadioGroup and AppRadioGroupItem extend their underlying Radix UI primitives.

Prop	Type	Default	Description
defaultValue	string	—	The value of the item that is selected by default.
value	string	—	The controlled value of the selected item.
onValueChange	(value: string) => void	—	Callback fired when the selected value changes.
disabled	boolean	false	Disables all radio items in the group.
className	string	—	Additional Tailwind classes merged via cn(). Prefer the wrapper pattern for reusable overrides.

Source

src/components/primitives/AppRadioGroup.tsx

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

const AppRadioGroup = RadioGroup
const AppRadioGroupItem = RadioGroupItem

export { AppRadioGroup, AppRadioGroupItem }