Docs
Search the documentation
⌘K
DE
0.2.0-preview.61
Playground
GitHub
HIER STARTEN
Erste Schritte
ARCHITEKTUR
Architekturüberblick
Write-once-Komponenten
Deklarative Oberfläche
Paketarchitektur
Komponenten
Styling
Lokalisierung
Analytics und GTM
WRITE-ONCE
Speicher
Formulare
Markdown
Mermaid
E-Mail-Rendering
KOMPILIERUNG
Externe Typauflösung
RUNTIME
Runtime (TypeScript)
Performance
SERVER
Assets
BunPackage
Sicherheit
ÖKOSYSTEM
Image
Diagramme
Lottie
ENTWICKLUNG
Roadmap
Docs
Navigation
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
Docs
Components
Breadcrumb
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.
NOTE
Every dimension resolves through
Sizing.*(SizeVariant)
and the token scales — never a literal. Source:
src/eQuantic.UI.Components/Breadcrumb.cs
.
PREVIOUS
BottomNavigation
NEXT
Pagination
ON THIS PAGE
Usage
API
States
Accessibility
When to use
Avoid