Breadcrumbs

The <pines-breadcrumbs> component renders a hierarchical navigation trail showing the user's current location within the application. Each item in the trail is a <pines-breadcrumb-item>. Use it on pages with deep navigation hierarchies to help users orient themselves and navigate back to parent sections without using the browser back button.

<pines-breadcrumb>

Container element. No configurable parameters.

<pines-breadcrumb-item> Properties

Attribute Type Description
is-first bool Marks the item as the first entry in the trail, typically "Home" or the top-level section. When true, no leading separator is rendered before this item.
has-next bool Indicates that another breadcrumb item follows this one. When true, a separator character is rendered after the item. Set to false on the last (current page) item to suppress the trailing separator.
asp-page string? Razor Pages route for the breadcrumb link. Use this for page-based navigation. Mutually exclusive with asp-controller and asp-action — use one approach or the other, not both.
asp-controller string? MVC controller name for the breadcrumb link. Use alongside asp-action when targeting MVC routes. Mutually exclusive with asp-page.
asp-action string? MVC action method name for the breadcrumb link. Use alongside asp-controller to form the full MVC route. Mutually exclusive with asp-page.