Back to components
UI component

Custom Radio

Styled radio button group with animated selection indicator and vertical/horizontal layout.

Install

What it does

  • Vertical and horizontal layout modes
  • Animated selection indicator
  • Label and description per option
  • Disabled individual options

When to use

Use it

Single-select lists — payment method selection, option pickers, survey questions.

Skip it

Multi-select lists (use checkboxes or custom-radio with multiple mode).

Files & routes added

  • components/ui/custom-radio.tsx

Related components