Komponente · 6 Varianten
Breadcrumb
components/Breadcrumb.astro
Pfad in Base-Größe, letzte Stufe in fg, davor gedimmt. Trenner Schrägstrich, Chevron oder Punkt. Gekürzt mit Ellipse, oder nur Zurück.
Notizen
- Bestand: kein Breadcrumb. Docs nutzen Pager.
- Liberate: Pfad klein, kein Icon-Home.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "schraeg" | "chevron" | "punkt" | "label" | "gekuerzt" | "zurueck" | "schraeg" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<Breadcrumb variant="schraeg" surface="nacht" />01 · Schräg
Start / Referenzen / Fläche
Docs. Trenner /.
Nacht
Paper
02 · Chevron
›
Shadcnblocks breadcrumb. Nur Zeichen, kein SVG.
Nacht
Paper
03 · Punkt
·
Meta. Wie Meta-Zeilen.
Nacht
Paper
04 · Label
In nw-label
Section-Label. Mono, klein.
Nacht
Paper
05 · Gekürzt
Start / … / Fläche
Lange Pfade. Ellipse nicht klickbar.
Nacht
Paper
06 · Zurück
Ein Link mit Pfeil
Case-Study. Für Detailseiten.
Nacht
Paper