Radio Group Component

A set of checkable buttons where only one can be checked at a time. Perfect for single-choice selections and form inputs.

Basic Radio Group

A simple radio group with multiple options.

Orientations

Different orientations for various layouts.

Vertical

Horizontal

Sizes

Different radio group sizes for various contexts.

Small

Medium

Large

States

Different radio group states for various scenarios.

Normal

Disabled

Real-world Examples

Common radio group patterns used in applications.

Payment Method

Pay with your credit or debit card

Pay securely with PayPal

Transfer directly from your bank

Theme

Notification Frequency

Installation

npx shadcn@latest add https://catppuccin-components.vercel.app/r/radio-group.json