# Breadcrumb

Eine Breadcrumb ist ein Navigationselement, das Usern Orientierung bietet, indem es die aktuelle Position sowie die übergeordneten Navigationsebenen anzeigt.

## Guidelines

# Grundlagen

## Best practices

Achte bei der Verwendung einer Breadcrumb darauf, dass ...

- sie im oberen linken Bereich des Content-Bereichs positioniert ist.
- ein sinnvoller Startpunkt gewählt wird. Im mStudio bezieht sich die Breadcrumb
  beispielsweise auf die Navigation innerhalb eines Projekts.
- sie eine lineare Hierarchie abbildet (z. B. „Projekt > Apps > App“).
- die Anzahl der angezeigten Hierarchieebenen überschaubar bleibt. Als Richtwert
  sind maximal 5 Ebenen erlaubt.
- innerhalb der Breadcrumb generische Bezeichnungen verwendet werden (z. B.
  „App“ statt eines konkreten App-Namens). Individuelle oder dynamisch
  generierte Namen können stark in ihrer Länge variieren und die Breadcrumb
  unnötig verlängern. Generische Begriffe sorgen für eine stabile, gut lesbare
  und visuell konsistente Navigation.

## Verwendung

Verwende eine Breadcrumb, um ...

- dem User die aktuelle Position innerhalb der Navigationshierarchie sichtbar zu
  machen.
- eine Möglichkeit zu bieten, leicht zu vorherigen Seiten der
  Navigationsstruktur zurückzukehren.
- eine ergänzende, schnelle Navigationsoption zusätzlich zur Hauptnavigation
  bereitzustellen.
- Usern bei Seiten mit einer komplexen Seitenhierarchie Orientierung zu geben.