Radio Group

Free

Accessible radio group with variants, sizes, custom indicators, and a labeled item helper. Fully controlled via value and onValueChange.

Installation

Install via CLI

npx @moontra/moonui-cli add radio-group

Usage

Examples

Basic Usage

Variants

Sizes

With Label Component

Horizontal Layout

Disabled States

Custom Icons

Use the `indicator` prop to render a custom selection mark.

Animated Radio Buttons

Compose Tailwind transition utilities on each labeled item for smooth feedback.

Form Integration

Notification Type

Frequency

Theme Preference

Notification: email

Frequency: daily

Theme: auto