ArcaneSelect

Use selects for constrained option picking in forms and toolbars.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: select

Preview + Code

Plan

Code

String plan = 'pro';

ArcaneSelect(
  label: 'Plan',
  value: plan,
  options: const [
    ArcaneSelectOption(label: 'Starter', value: 'starter'),
    ArcaneSelectOption(label: 'Pro', value: 'pro'),
    ArcaneSelectOption(label: 'Enterprise', value: 'enterprise'),
  ],
  onChange: setPlan,
)

ArcaneSelect#

Use selects for constrained option picking in forms and toolbars.

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/text_input.dart

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

ArcaneSelect

Use selects for constrained option picking in forms and toolbars.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: select

Preview + Code

Plan

Code

String plan = 'pro';

ArcaneSelect(
  label: 'Plan',
  value: plan,
  options: const [
    ArcaneSelectOption(label: 'Starter', value: 'starter'),
    ArcaneSelectOption(label: 'Pro', value: 'pro'),
    ArcaneSelectOption(label: 'Enterprise', value: 'enterprise'),
  ],
  onChange: setPlan,
)

ArcaneSelect#

Use selects for constrained option picking in forms and toolbars.

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/text_input.dart

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

ArcaneSelect

Use selects for constrained option picking in forms and toolbars.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: select

Preview + Code

Plan

Code

String plan = 'pro';

ArcaneSelect(
  label: 'Plan',
  value: plan,
  options: const [
    ArcaneSelectOption(label: 'Starter', value: 'starter'),
    ArcaneSelectOption(label: 'Pro', value: 'pro'),
    ArcaneSelectOption(label: 'Enterprise', value: 'enterprise'),
  ],
  onChange: setPlan,
)

ArcaneSelect#

Use selects for constrained option picking in forms and toolbars.

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/text_input.dart

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