# HeaderNavigation

Die HeaderNavigation ist eine horizontale Navigationskomponente, die als Navigationsleiste am oberen Rand einer Seite verwendet wird. Sie bietet Nutzenden Zugriff auf zentrale Bereiche einer Anwendung oder Website.

## Guidelines

# Grundlagen

## Best practices

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

- die Navigationspunkte klar beschriftet und in sinnvoller Reihenfolge
  angeordnet sind.
- [Icons](/04-components/content/icon/overview) mit gängigen Symbolen versehen
  sind und eine eindeutige Funktion haben.
- die Navigation nicht überladen wird und nur relevante Elemente enthält.

## Verwendung

Verwende eine HeaderNavigation, um ...

- eine zentrale Navigation über die Hauptbereiche einer Anwendung
  bereitzustellen.
- die visuelle Struktur und Hierarchie einer Seite zu unterstützen und
  Orientierung zu schaffen.
- zusätzliche Aktionen wie Suche, Benachrichtigungen oder Userprofil in einem
  kompakten, leicht erreichbaren Bereich zu integrieren.