Radio Group
A set of checkable buttons where only one option can be selected at a time.
Last updated: March 8, 2026
This page now includes multiple radio group patterns for forms and settings.
Basic Radio Group
A simple single-select radio group with default and disabled states.
Icon Inline Radio Group
Horizontal options with icons for quick mode switching.
Color Status Radio Group
A compact color-coded radio layout for status selection.
Badge Priority Radio Group
Single-choice priority selection with color-coded badges.
Vertical Card Radio Group
A vertical card option style with icons and helper descriptions.
Plan Cards Radio Group
Rich plan cards with icon, description, and price on each option.
Dashed Radio Group
A lightweight dashed-border style for simple delivery/service choices.
Pill Segmented Radio Group
A compact segmented control pattern for single-choice view selection.
Timeline Step Radio Group
A vertical step-style radio group for workflow stages.