Zum Hauptinhalt springen

SubheaderPanel

SubheaderPanel in Storybook

Verwendung​

Die Unterkopfzeile ist eine sekundäre Navigations- oder Informationskomponente, die unter der Kopfzeile angezeigt wird. Sie bietet Benutzern zusätzlichen Kontext, Filter, Breadcrumbs oder Aktionen im Zusammenhang mit der aktuellen Seite oder dem aktuellen Abschnitt. Die Unterkopfzeile verbessert die Benutzerfreundlichkeit, indem sie relevante Steuerelemente bietet und gleichzeitig eine übersichtliche Benutzeroberfläche sichert.

Zu verwenden​

Die Seite beinhaltet Filter, Sortierungen oder Schnellaktionen.

Nicht zu verwenden​

  • Die Hauptkopfzeile stellt bereits alle notwendigen Informationen und Steuerelemente bereit.
  • Der Inhalt innerhalb der Unterkopfzeile ist zu komplex.

Aufbau​

Bild zur Veranschaulichung des Aufbaus einer Zwischenüberschrift mit Registerkarte

  1. Unterkopfzeilen-Container: Die Hauptstruktur, die Unterkopfzeilenelemente enthält. Die Unterkopfzeile befindet sich immer unterhalb der Hauptkopfzeile.
  2. Registerkarten (falls zutreffend): Ermöglicht es Benutzern, zwischen verschiedenen Abschnitten oder Ansichten innerhalb der Unterkopfzeile zu wechseln.

Nicht alle Elemente sind erforderlich. Fügen Sie nur das hinzu, was für Ihren spezifischen Anwendungsfall notwendig ist. Die Unterkopfzeile ist eine offene und flexible Komponente, die je nach Anwendungsfall mit verschiedenen Elementen versehen werden kann. Teams können sie anpassen, indem sie bei Bedarf verschiedene Komponenten, Tools und Funktionen hinzufügen und gleichzeitig für optimale Bedienerfreundlichkeit sorgen.

Anwendungsbeispiele​

Beispiele für die Verwendung von Unterkopfzeilen, die zeigen, wie offen und flexibel diese sind.

Beispiel für eine Unterkopfzeile mit Registerkarten Unterkopfzeile mit Registerkarten


Beispiel für eine Unterkopfzeile mit Schaltflächen Unterkopfzeile mit Schaltflächen