ArcaneBreadcrumbs

Use breadcrumbs to show hierarchy and give users a quick route back through nested documentation or app pages.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: breadcrumb

Preview + Code

Code

ArcaneBreadcrumbs(
  items: const [
    BreadcrumbItem(label: 'Docs', href: '/docs'),
    BreadcrumbItem(label: 'Components', href: '/docs/components-catalog'),
    BreadcrumbItem(label: 'Button'),
  ],
  separator: BreadcrumbSeparator.chevron,
)

ArcaneBreadcrumbs#

Use breadcrumbs to show hierarchy and give users a quick route back through nested documentation or app pages.

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/navigation/breadcrumbs.dart

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

ArcaneBreadcrumbs

Use breadcrumbs to show hierarchy and give users a quick route back through nested documentation or app pages.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: breadcrumb

Preview + Code

Code

ArcaneBreadcrumbs(
  items: const [
    BreadcrumbItem(label: 'Docs', href: '/docs'),
    BreadcrumbItem(label: 'Components', href: '/docs/components-catalog'),
    BreadcrumbItem(label: 'Button'),
  ],
  separator: BreadcrumbSeparator.chevron,
)

ArcaneBreadcrumbs#

Use breadcrumbs to show hierarchy and give users a quick route back through nested documentation or app pages.

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/navigation/breadcrumbs.dart

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

ArcaneBreadcrumbs

Use breadcrumbs to show hierarchy and give users a quick route back through nested documentation or app pages.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: breadcrumb

Preview + Code

Code

ArcaneBreadcrumbs(
  items: const [
    BreadcrumbItem(label: 'Docs', href: '/docs'),
    BreadcrumbItem(label: 'Components', href: '/docs/components-catalog'),
    BreadcrumbItem(label: 'Button'),
  ],
  separator: BreadcrumbSeparator.chevron,
)

ArcaneBreadcrumbs#

Use breadcrumbs to show hierarchy and give users a quick route back through nested documentation or app pages.

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/navigation/breadcrumbs.dart

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