ArcaneSpinner

Use spinners for indeterminate loading states and short pending operations.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: spinner

Preview + Code

Loading workspace

Code

ArcaneBox(
  style: const ArcaneStyleData(
    display: Display.flex,
    alignItems: AlignItems.center,
    gap: Gap.sm,
  ),
  children: const [
    ArcaneSpinner(),
    Text.body('Loading workspace'),
  ],
)

ArcaneSpinner#

Use spinners for indeterminate loading states and short pending operations.

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/view/spinner.dart

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

ArcaneSpinner

Use spinners for indeterminate loading states and short pending operations.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: spinner

Preview + Code

Loading workspace

Code

ArcaneBox(
  style: const ArcaneStyleData(
    display: Display.flex,
    alignItems: AlignItems.center,
    gap: Gap.sm,
  ),
  children: const [
    ArcaneSpinner(),
    Text.body('Loading workspace'),
  ],
)

ArcaneSpinner#

Use spinners for indeterminate loading states and short pending operations.

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/view/spinner.dart

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

ArcaneSpinner

Use spinners for indeterminate loading states and short pending operations.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: spinner

Preview + Code

Loading workspace

Code

ArcaneBox(
  style: const ArcaneStyleData(
    display: Display.flex,
    alignItems: AlignItems.center,
    gap: Gap.sm,
  ),
  children: const [
    ArcaneSpinner(),
    Text.body('Loading workspace'),
  ],
)

ArcaneSpinner#

Use spinners for indeterminate loading states and short pending operations.

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/view/spinner.dart

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