āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā ā š shadcn/directory/imskyleen/animate-ui/primitives/base/radio ā āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
<RadioGroup>
<Radio value="1">
<RadioIndicator />
</Radio>
<Radio value="2">
<RadioIndicator />
</Radio>
<Radio value="3">
<RadioIndicator />
</Radio>
</RadioGroup>
<ExternalLink href="https://base-ui.com/react/components/radio#radiogroup" text="Base UI API Reference - RadioGroup" />
<ExternalLink href="https://base-ui.com/react/components/radio#root" text="Base UI API Reference - Radio.Root" />
<TypeTable type={{ '...props': { description: 'The props of the radio.', type: 'HTMLMotionProps<"button">', required: false, }, }} />
<Callout type="info"> The `render` property is not supported in the `Radio` component, as it is used for animation. </Callout><ExternalLink href="https://base-ui.com/react/components/radio#indicator" text="Base UI API Reference - Radio.Indicator" />
<TypeTable type={{ transition: { description: 'The transition of the radio indicator.', type: 'Transition', required: false, default: "{ type: 'spring', stiffness: 200, damping: 16 }", }, '...props': { description: 'The props of the radio indicator.', type: 'HTMLMotionProps<"div">', required: false, }, }} />
<Callout type="info"> The `keepMounted` and `render` properties are not supported in the `RadioIndicator` component, as it is used for animation. </Callout>ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā