ArcaneRadioGroup

Use radio groups when exactly one option should be selected from a small set.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: radio-group

Preview + Code

Starter

Pro

Enterprise

Code

String plan = 'starter';

ArcaneRadioGroup(
  value: plan,
  options: const [
    RadioOption(value: 'starter', label: 'Starter'),
    RadioOption(value: 'pro', label: 'Pro'),
    RadioOption(value: 'enterprise', label: 'Enterprise'),
  ],
  onChanged: setPlan,
)

ArcaneRadioGroup#

Use radio groups when exactly one option should be selected from a small set.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/input/radio_group.dart

See the Component Catalog for the full exported surface and source mapping.

ArcaneRadioGroup

Use radio groups when exactly one option should be selected from a small set.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: radio-group

Preview + Code

Starter Pro Enterprise

Code

String plan = 'starter';

ArcaneRadioGroup(
  value: plan,
  options: const [
    RadioOption(value: 'starter', label: 'Starter'),
    RadioOption(value: 'pro', label: 'Pro'),
    RadioOption(value: 'enterprise', label: 'Enterprise'),
  ],
  onChanged: setPlan,
)

ArcaneRadioGroup#

Use radio groups when exactly one option should be selected from a small set.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/input/radio_group.dart

See the Component Catalog for the full exported surface and source mapping.

ArcaneRadioGroup

Use radio groups when exactly one option should be selected from a small set.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: radio-group

Preview + Code

Starter

Pro

Enterprise

Code

String plan = 'starter';

ArcaneRadioGroup(
  value: plan,
  options: const [
    RadioOption(value: 'starter', label: 'Starter'),
    RadioOption(value: 'pro', label: 'Pro'),
    RadioOption(value: 'enterprise', label: 'Enterprise'),
  ],
  onChanged: setPlan,
)

ArcaneRadioGroup#

Use radio groups when exactly one option should be selected from a small set.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/input/radio_group.dart

See the Component Catalog for the full exported surface and source mapping.