Radio

An easily stylable radio button component.

Made by imskyleen
Edit on GitHub
Open in

Installation

Usage

<RadioGroup>
  <Radio value="1">
    <RadioIndicator />
  </Radio>
  <Radio value="2">
    <RadioIndicator />
  </Radio>
  <Radio value="3">
    <RadioIndicator />
  </Radio>
</RadioGroup>

API Reference

RadioGroup

Base UI API Reference - RadioGroup

Radio

Base UI API Reference - Radio.Root
PropTypeDefault
...props?
HTMLMotionProps<"button">
-

The render property is not supported in the Radio component, as it is used for animation.

RadioIndicator

Base UI API Reference - Radio.Indicator
PropTypeDefault
transition?
Transition
{ type: 'spring', stiffness: 200, damping: 16 }
...props?
HTMLMotionProps<"div">
-

The keepMounted and render properties are not supported in the RadioIndicator component, as it is used for animation.

Credits

Built by Skyleen. The source code is available on GitHub.

Last updated: 10/28/2025