Skip to content
NAVIGATION · FREE

Breadcrumbs

Always show where the user is and give a one-click way back.

Always show where the user is and give a one-click way back. The last item is the current page.

Why it helps

  • Path to the current page
  • Collapses long paths
  • Accessible

Where it fits

  • Documentation
  • Catalogs
  • Folders
Breadcrumbs control in a RayCraft page

Example

<Breadcrumbs Items="_items" />

@code {
    private readonly BreadcrumbItem[] _items =
    [
        new("Home", "/"),
        new("Components", "/components/button"),
        new("Breadcrumbs")
    ];
}

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Included in RayCraft Free. Working examples are in the GitHub repository (MIT); it holds example and demo code, not the library code.

All controls ยท Documentation