ArcaneTabs

Use tabs to switch between related panels without leaving the current route.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: tabs

Preview + Code

Account tab content

Code

ArcaneTabs(
  tabs: const [
    ArcaneTabItem(label: 'Account', content: Text('Account tab content')),
    ArcaneTabItem(label: 'Billing', content: Text('Billing tab content')),
  ],
)

ArcaneTabs#

Use tabs to switch between related panels without leaving the current route.

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

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

ArcaneTabs

Use tabs to switch between related panels without leaving the current route.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: tabs

Preview + Code

Account tab content

Code

ArcaneTabs(
  tabs: const [
    ArcaneTabItem(label: 'Account', content: Text('Account tab content')),
    ArcaneTabItem(label: 'Billing', content: Text('Billing tab content')),
  ],
)

ArcaneTabs#

Use tabs to switch between related panels without leaving the current route.

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

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

ArcaneTabs

Use tabs to switch between related panels without leaving the current route.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: tabs

Preview + Code

Account tab content

Code

ArcaneTabs(
  tabs: const [
    ArcaneTabItem(label: 'Account', content: Text('Account tab content')),
    ArcaneTabItem(label: 'Billing', content: Text('Billing tab content')),
  ],
)

ArcaneTabs#

Use tabs to switch between related panels without leaving the current route.

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

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