1Sponsor

Radio Group

Mutually exclusive radio button group

Terminal

Installation

pnpm dlx shadcn@latest add https://termcn.dev/r/radio-group.json

Usage

import { RadioGroup } from "@/components/ui/radio-group";
<RadioGroup
  options={[
    { value: "sm", label: "Small" },
    { value: "md", label: "Medium" },
    { value: "lg", label: "Large" },
  ]}
  onChange={(value) => {}}
/>

API Reference

RadioGroup

PropTypeDefault
optionsRadioOption<T>[]required
valueTundefined
onChange(value: T) => voidundefined
namestringundefined
cursorstring"›"