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

Edit on GitHub

Open in

Default

Comfortable

Compact

Installation

Usage

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

Props

Docs API Reference

Animate UI props

RadioGroupItem

Prop

Type

Credits

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

Progress

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

Sheet

Extends the Dialog component to display content that complements the main content of the screen.