Breadcrumbs

The Breadcrumbs component is a navigation component that displays the user’s current location within the site’s hierarchy. It renders links based on the Magnolia page structure and can optionally include a custom title.

Preview

Fields

  • title (optional) - Title for the breadcrumbs component.

Behavior

  • Fetches and displays site hierarchy based on page structure.

  • The current page appears as the last item in the breadcrumb trail and isn’t clickable.

Creating the component

To create this component in your project, run:

npm run mgnl -- create-component Breadcrumbs -p breadcrumbs
This command adds a local copy of the component to your project. You can fully customize it afterward.

Available in

Feedback

DX Core

×

Location

This widget lets you know where you are on the docs site.

You are currently perusing through the Magnolia CLI docs.

Main doc sections

DX Core Headless PaaS Legacy Cloud Incubator modules