Beta
Animate UI

Radio Group

A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.

Made by imskyleen

Installation

Usage

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

Props

Animate UI props

RadioGroupItem

PropTypeDefault
transition?
Transition
{ type: 'spring', stiffness: 200, damping: 16 }

Credits

  • We use Radix UI for the radio group component.
  • We take our inspiration from Shadcn UI for the radio group style.

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

On this page