← Back to Components

Form Radio Buttons

Radio button form components with multiple sizes and states. Supports single-choice selections with mutual exclusivity, error handling, and comprehensive accessibility features for exclusive option selection.

Basic Radio Usage

Simple radio buttons for single-choice selections with mutual exclusivity.

Radio Button Sizes

Three sizes available: Small (14px label), Medium (16px label), and Large (18px label).

Radio Button States

Interactive states including selected, error, and disabled states.

Radio Groups

Using FormRadioGroup for organized radio button collections with proper state management.

Choose how you'd prefer to be contacted
Select your subscription plan

Interactive Examples

Live examples with validation, required fields, and state management.

Please select a priority level
Select your preferred delivery method

Real-world Examples

Practical radio button usage in common form scenarios.

A user role must be selected
How often would you like to receive updates?
Choose your preferred format for data exports

Complete Radio Showcase

Comprehensive showcase of all radio button size and state combinations.

Large Radio Buttons

Medium Radio Buttons

Small Radio Buttons

Payment Form Example

Real-world payment form with radio selection for payment methods.

Payment Information

Select your preferred payment method
Choose the type of account to create