eQuantic.UIeQuantic.UI
Docs
Playground
GitHub
DocsNavigation
Breadcrumb
View source
1 min read
The path back up a hierarchy. A wide-screen component; on phones prefer a titled back action.
1
using eQuantic.UI.Components;
DEFAULT
DocsComponentsBreadcrumb
3 levels
Usage
1
new Breadcrumb { Crumbs = [ new Crumb("Docs", GoDocs), new Crumb("Components", GoList), new Crumb("Button") ] }
API
Prop
Type
Default
Description
Crumbs
IReadOnlyList<Crumb>
—
Ancestors in order; the last one is the current page and is not a link.
States
State
Rendering
Link
An interactive ancestor
Current
TextPrimary, not interactive
Accessibility
•
A nav labelled "Breadcrumb"; the last crumb is marked as the current page.
When to use
•
Deep hierarchies on wide screens.
Avoid
•
Breadcrumbs as the only way back on mobile.
NOTEEvery dimension resolves through Sizing.*(SizeVariant) and the token scales — never a literal. Source: src/eQuantic.UI.Components/Breadcrumb.cs.