Radio Group

A set of mutually exclusive radio buttons. Built on Base UI's radio primitive.

Last updated January 1, 1980

CreditsUnchangedPublished

Copied from shadcn/ui.

Overview

Installation

Usage

import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
 
export function Example() {
  return (
    <RadioGroup defaultValue="comfortable">
      <RadioGroupItem value="default" />
      <RadioGroupItem value="comfortable" />
      <RadioGroupItem value="compact" />
    </RadioGroup>
  )
}

Examples

Disabled

RTL

API Reference

RadioGroup

API reference: Base UI RadioGroup .