MoonUI

Radio-Group

Free + Pro

Enhanced radio group component with smooth animations, multiple variants, custom indicators, and advanced accessibility features.

Unlock Advanced Radio-Group Features

Get access to powerful pro features that enhance your radio-group component with advanced capabilities, premium styling options, and optimized performance.

  • Card-style radio selections
  • Segmented control variants
  • Rating system components

Pro Features

Unlock advanced capabilities with the Pro version

Card Style Selection

Beautiful card-based radio selections for complex choices with rich content

Segmented Controls

iOS-style segmented controls for elegant single-select interfaces

Rating Systems

Interactive star rating components with smooth animations

Image Selection

Visual radio selections with image previews and overlays

Smooth Animations

Fluid transitions and micro-interactions for better UX

Advanced Interactions

Hover effects, focus states, and keyboard navigation

Installation

Install via CLI

moonui add radio-group

Usage

Pro Required

Examples

Basic Usage

Variants

Sizes

With Label Component

Horizontal Layout

Disabled States

Custom Icons (Enhanced)

Animated Radio Buttons

Form Integration

Notification Type

Frequency

Theme Preference

Notification: email

Frequency: daily

Theme: auto

PRO
Pro Examples

Card Style Radio Selection

PRO
Pro Required

Free Plan

Basic features for individuals

$0/mo

Pro Plan

Popular

Advanced features for teams

$19/mo

Enterprise

Custom solutions for large teams

Custom

Segmented Control

PRO
Pro Required

Selected view: grid

Rating System

PRO
Pro Required

You rated: 4 out of 5 stars

Image Radio Selection

PRO
Pro Required
✓