Skip to content

Breadcrumb

A "you are here" trail, built from an ordered list of segments.

Navigation widgets · widget type breadcrumb · binds through text templates in segment labels

Related: Nav Link · Nav List

Options

Option Values Default Description
Segments An ordered list — Each segment has a label, an optional URL and an optional icon
Separator Any text or symbol / Drawn between segments
Segment Style / Current Segment Style / Separator Style CSS Empty Styling per part
Color Palette or custom From theme Text colour of the trail
Box Style Sizing and spacing — The box around the trail

Notes

  • The last segment is always plain text, never a link, even if you give it a URL — it is the page you are on, and it is marked as such for screen readers
  • The separator is decorative: it is skipped by screen readers and cannot be focused
  • For a single link use Nav Link; for a generated menu, Nav List