Docs
Search the documentation
⌘K
ES
0.2.0-preview.61
Playground
GitHub
EMPIEZA AQUÍ
Primeros pasos
ARQUITECTURA
Visión general de la arquitectura
Componentes write-once
Superficie declarativa
Arquitectura de paquetes
Componentes
Estilos
Localización
Analytics y GTM
WRITE-ONCE
Almacenamiento
Formularios
Markdown
Mermaid
Renderizado de email
COMPILACIÓN
Resolución de tipos externos
RUNTIME
Runtime (TypeScript)
Rendimiento
SERVIDOR
Assets
BunPackage
Seguridad
ECOSISTEMA
Image
Gráficos
Lottie
DESARROLLO
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