ArcaneDirection

Use direction wrappers when a subtree needs explicit left-to-right, right-to-left, or automatic text direction.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: direction

Preview + Code

Right-to-left direction preview

Code

const ArcaneDirection(
  value: ArcaneDirectionValue.rtl,
  children: [Text('Right-to-left direction preview')],
)

ArcaneDirection#

Use direction wrappers when a subtree needs explicit left-to-right, right-to-left, or automatic text direction.

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/layout/direction.dart

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

ArcaneDirection

Use direction wrappers when a subtree needs explicit left-to-right, right-to-left, or automatic text direction.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: direction

Preview + Code

Right-to-left direction preview

Code

const ArcaneDirection(
  value: ArcaneDirectionValue.rtl,
  children: [Text('Right-to-left direction preview')],
)

ArcaneDirection#

Use direction wrappers when a subtree needs explicit left-to-right, right-to-left, or automatic text direction.

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/layout/direction.dart

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

ArcaneDirection

Use direction wrappers when a subtree needs explicit left-to-right, right-to-left, or automatic text direction.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: direction

Preview + Code

Right-to-left direction preview

Code

const ArcaneDirection(
  value: ArcaneDirectionValue.rtl,
  children: [Text('Right-to-left direction preview')],
)

ArcaneDirection#

Use direction wrappers when a subtree needs explicit left-to-right, right-to-left, or automatic text direction.

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/layout/direction.dart

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