Breadcrumb

Last Edit: 2026-06-09

Renders a breadcrumb trail of the page ancestors.

Hugo ancestor method is used to create breadcrumb trail, Bootstrap classes are used to format content.

Usage

Partial

{{ partial "breadcrumb" . }}

Shortcode

{{< breadcrumb >}}

Example

{{ partial "breadcrumb" . }}
{{< breadcrumb >}}

Configuration

Breadcrumb trail can be configured in the site’s params.toml file.

[breadcrumb]TypeDefaultDescription
homeboolfalseShould breadcrumb include home page link.
homeIconstring'folder-root'Icon to use for home page link, set to '' to use title instead. Uses Lucide icon pack to select icon.
sectionboolfalseToggle breadcrumb on section pages.
singleboolfalseToggle breadcrumb on single pages.

References

1 2 3


  1. The Bootstrap Authors. “Breadcrumb .” 2026. ↩︎

  2. The Hugo Authors. “Ancestors .” 2026. ↩︎

  3. The Hugo Authors. “Sections .” 2026. ↩︎