Breadcrumb

@sushindustries/ui

The trail, told twice from one list: a visible nav with correct ARIA, and the schema.org BreadcrumbList rendered from the same array.

5 min read
View as MarkdownEdit on GitHub

Props

PropTypeDefaultDoes
itemsreadonly BreadcrumbItem[]-In order, root first. The last item is the current page.
origin?string-Absolute site origin for the JSON-LD itemItemOne row of a list: tile, title, description, meta - the nav panel's anatomy, extracted for reuse.@sushindustries/ui · layout URLs. Omit to skip the structured data and render only the visible trail.

Notes

origin should be the site's own absolute origin, not a per-page value - anything else produces itemItemOne row of a list: tile, title, description, meta - the nav panel's anatomy, extracted for reuse.@sushindustries/ui · layout URLs in the JSON-LD that do not match the page's real address, which search engines flag as inconsistent structured data. An item with no href renders as the current page regardless of its position in the array, not only when it is last.

UsesIconIconThe glyph set, generated from a Markdown table where every drawing carries its reason. One component, typed names, no icon font.@sushindustries/ui · content