For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.
1
Sponsor

RadioGroup

PreviousNext

A single choice with keyboard navigation and fluid hover.

Preview

Controlled selection

DailyA short update every morningWeeklyMonthlyUnavailable

Selected: weekly

Compact and uncontrolled

DailyWeekly

Installation

$ pnpm dlx shadcn@latest add https://ui.ketyap.me/r/radio-group.json

Usage

import { RadioGroup, RadioItem } from "@/components/ui/radio-group";
 
<RadioGroup aria-label="Schedule" defaultValue="weekly">
  <RadioItem value="daily" label="Daily" />
  <RadioItem value="weekly" label="Weekly" description="A weekly summary" />
</RadioGroup>;

API Reference

Group accepts Base UI RadioGroup props: value, defaultValue, onValueChange, disabled, name. RadioItem requires value and label, with optional description and disabled. Base UI owns selection, roving focus and arrow-key navigation. Density follows SizeProvider.