Breadcrumbs — Loidolt Theme

import { Breadcrumbs } from '@loidolt/theme-svelte';

Example

The last crumb is the current page: never a link, and marked aria-current="page".
The separator is generated content, so it is never selected, copied, or read aloud.

Generated from the component source, so it cannot drift from the implementation.

Breadcrumbs props
Prop	Type	Default	Notes
`items` required	`Crumb[]`	`—`	Ordered trail, root first. The last entry is the current page and is never a link.
`class`	`string`	`—`
`label`	`string`	`'Breadcrumb'`	Accessible name of the landmark. Several trails on one page need distinct names.
`ref` bindable	`HTMLElement \| null`	`null`
`separator`	`string`	`'/'`	Separator drawn between crumbs. Decorative — it lives in a `::before` on the list item, so it is never read out or copied with the text.

Plus the attributes of HTMLAttributes<HTMLElement>, forwarded to the root element.