Components

Radio Group

Group of radio buttons for selecting a single option from multiple choices

Preview

Default

Comfortable

Compact

npx shadcn@latest add @cubby-ui/radio-group


import { RadioGroup, RadioGroupItem } from "@/components/ui/cubby-ui/radio-group";


<RadioGroup>
  <RadioGroupItem />
</RadioGroup>

Manage radio group state externally.

Light

Dark

System

Selected: comfortable

Add descriptive text to each radio option.

Free Plan

Basic features for personal use

Standard Plan

Advanced features for teams

Premium Plan

All features with priority support

Disable specific radio options within the group.

Available Option

Selected Option

Disabled Option