Component · Navigation

Breadcrumbs

a glass trail of the path to the current page; the last item is the current page.

Example

Where available

✓ React
✓ Angular
✓ Web Components
✓ Blazor
✓ Tokens

Using it

the same component, named idiomatically per target. one CSS contract underneath, so they render identically.

TargetReferencePackage
React <Breadcrumbs> @design-foundry/lucent-react
Angular <lucent-breadcrumbs> @design-foundry/lucent
Web Components <lucent-breadcrumbs> @design-foundry/lucent-wc
Blazor <LucentBreadcrumbs> DesignFoundry.Lucent

API

PropTypeDefaultDescription
items {label,path?}[] [] the trail (set as a property).