MenuCaderno UI
npmGitHub
Theme

<cad-breadcrumb>

Breadcrumb

Show the current page and links to its parent pages.

Architecture guide path

GuidesSystem designCachingTrade-offs

API reference: <cad-breadcrumb>

labellabelstring'Breadcrumb'variantvariant'compact' | 'default''default'labelstringlabelnovariant'compact' | 'default'variantyes(default)Breadcrumb items.baseNative navigation landmark.listBreadcrumb list.

API reference: <cad-breadcrumb-item>

currentcurrentbooleanfalsefirstfirstbooleanfalsehrefhrefstring''relrelstring''targettargetstring''variantvariant'compact' | 'default''default'currentbooleancurrentyesfirstbooleanfirstnohrefstringhrefnorelstringrelnotargetstringtargetnovariant'compact' | 'default'variantyes(default)Item label.baseList item.linkNavigable item.currentCurrent-page label.separatorDecorative separator.

Accessibility

The trail is a labeled navigation list. Parent pages are links; the current page uses aria-current="page".

MIT licensed. Built with Caderno UI.Report an issue
Back to top