Radio Group

Flat/inset radios (Level 1) designed for nested surfaces. Use size to tune density without introducing extra elevation.

Basic Radio Group

Option OneOption TwoOption Three

Dot (Default)

Option AOption BOption C

Fill

Option AOption BOption C

Checkmark

Option AOption BOption C

Small

Option AOption BOption C

Default

Option AOption BOption C

Large

Option AOption BOption C

Free Plan

Basic features for personal use. Up to 3 projects.

$0/mo

Pro Plan

Advanced features for professionals. Unlimited projects.

$19/mo

Team Plan

Collaboration features for teams. Up to 10 members.

$49/mo

SmallMediumLargeX-Large

Enabled optionDisabled optionAnother enabled option

RadioGroup is a Level 1 inset control built on Radix Radio Group.

PropTypeDescription

valuestringControlled selected value

defaultValuestringUncontrolled initial value

onValueChange(value: string) => voidSelection change handler

disabledbooleanDisable the whole group

PropTypeDescription

valuestringItem value

size"sm" | "default" | "lg"Density preset

disabledbooleanDisable a single item