Component

Radio Group

Single selection from options.

Preview

Examples

Basic

With Descriptions

With FieldSet

Battery Level

Choose your preferred battery level.

Grid Layout

AI Prompt

Ready to copy and paste into any AI model.

prompt.txt
Build a shadcn/ui **Radio Group** component for the **Clinic Admin** design system.

**Brand tokens:** Primary #70C4CA (teal), secondary #F3F4F6, destructive #F7A9AA, border #C4D0DB, radius 10px (default). Font: Nunito Sans for body, Nunito for headings.

**Design preview:** Replicate exactly the UI shown in the Clinic Admin docs preview for this component (same labels, structure, variants, and layout).

Return a React component with TypeScript. Use shadcn/ui **Radio Group** as base, cn() + Tailwind CSS. Support variants and sizes shown in the preview.
Copy once, paste anywhere, keep consistent output.