Komponenten
Die kleinsten Teile des Designsystems. Jedes Teil erfüllt die Anforderungen an Barrierefreiheit und Ergonomie und ist so aufgebaut, dass es zu komplexeren Mustern kombiniert werden kann.
basiselemente
An- /Ausschalter
Der An-/Ausschalter ermöglicht es Nutzenden schnell eine Funktion zu aktivieren bzw. deaktivieren.
Badge
Badges können zur Kategorisierung von Inhalten oder zu Kennzeichnung von Status verwendet werden.
Button
Buttons sind Klickflächen, die den Nutzenden ermöglichen, eine bestimmte Aktion auszuführen.
Link
Links sind Querverweise, denen Nutzende zu neuen Seiten folgen können.
Link- und Buttongruppe
Gruppen, die aus Kombinationen von Links oder Buttons gebildet werden.
Tooltip
Tooltips sind Hinweise, die den Nutzenden zusätzliche Informationen zu Elementen liefern.
eingabe-und-auswahlelemente
Auswahlfeld, Einfach
Das Single Select Element ermöglicht es den Nutzenden einen Wert aus einer Liste auszuwählen.
Auswahlfeld, Einfach Durchsuchbar
Das durchsuchbare Einfachauswahlelement ermöglicht es, einen Wert aus einer Liste auszuwählen.
Auswahlfeld, Mehrfach
Ein Mehrfachauswahlfeld ermöglicht es Nutzenden aus einer vorgegebenen Auswahl von Einträgen einen oder mehrere zu wählen.
Auswahlschalter
Der Auswahlschalter ermöglicht es, durch Hin- und Herwechseln, maximal eine aus mehreren Optionen auszuwählen.
Checkbox
Checkboxen sind Eingabesteuerungen, die es Nutzenden ermöglichen, eine oder mehrere Optionen aus einer Reihe von Möglichkeiten auszuwählen.
Eingabe-/Auswahlfeld, Wertebereich
Über ein Wertebereichs-Feld können von-bis Werte eingegeben oder aus einer vordefinierten Wertemenge ausgewählt werden.
Eingabefeld
Einzeilige und mehrzeilige Felder, mit und ohne automatischer Vorschlagsliste, die zur Freitext-Eingabe von Informationen oder Werten dienen.
Eingabefeld, Datum
Die Datumseingabe ist ein einzeiliges Eingabefeld zur Erfassung von Daten in unterschiedlichen Formaten.
Eingabefeld, Uhrzeit
Die Uhrzeiteingabe ist ein einzeiliges Eingabefeld für die manuelle Erfassung von Uhrzeiten.
Filter
Filter können genutzt werden um den Inhalt von Tabellen zu reduzieren.
Radiobutton
Radio-Buttons sind Eingabesteuerungen, die es Nutzenden ermöglichen, genau eine Optionen aus einer Reihe von Möglichkeiten auszuwählen.
Suchfeld
Das Suchfeld ist eine Textbox, die Eingaben von Nutzenden dazu verwendet, Inhalte zu finden.
komplexe-elemente
Akkordeons
Ein- und ausklappbare Sektionen mit Inhalten.
Baumstruktur
Baumstrukturen werden verwendet, um komplexe Objektzusammenhänge darzustellen.
Erweiterte Suche
Die erweiterte Suche besteht aus Default-Parametern und aus beliebig vielen, von Nutzenden frei hinzufügbaren, Suchparameter-Elementen.
Formular
Formulare werden bei Neuanlage eines Elements oder zum Anzeigen und Bearbeiten eines existierenden Eintrags verwendet.
Kalender
Der Kalender verschafft Nutzenden einen Überblick über anstehende Termine und freie Zeitfenster
Kalender Inhaltsbereich
Im Inhaltsbereich des Kalenders können Termine eingesehen und verwaltet werden.
Liste
Mehreren Elemente oder Inhalte in einer vertikalen Anordnung, die sortiert, gefiltert oder mit denen interagiert werden kann.
Tabelle
Tabellen sind geordnete Darstellungen von Informationen und Daten, die in Zeilen und Spalten aufgeteilt werden.
Wizard
Der Wizard erlaubt es lange und komplexe Formulare in einzelne Schritte aufzuteilen um die Bearbeitung zu erleichtern.
meldungselemente
Bestätigungsbanner
Der Bestätigungsbanner informiert den Benutzer/die Benutzerin bei der Rückkehr zu einer Datenübersicht über den erfolgreichen Abschluss einer Aktion mit einem Hauptobjekt.
Meldungskachel
Meldungen, die nicht unbedingt mit der offenen Seite zusammenhängen, und die keine Aktion vom Nutzenden erfordern.
Modaldialog
Modaldialoge sind Benachrichtigungen mit Aktionen, die direkt ausgeführt werden sollen.
Seitenfüllende Fehlermeldungen
Meldungen, die durch Nutzeraktionen ausgelöst werden und sich auf Zugriffsrechte oder Serverfehler beziehen.
navigationselemente
Pop-up-Menü
Das Pop-up Menü kombiniert mehrere Aktionen hinter einem Element.
Auf-/Zuklappbare Schnellnavigation
Die Sidebar ermöglicht es Nutzenden schnell zwischen Datenobjekten hin und her zu springen.
Headerleiste
Die Headerleiste ist die Kopfzeile der Seite, die bei der Navigation hilft.
Infobox
Über Infoboxen können Nutzende sich zusätzliche Informationen zu einem Objekt oder einer Funktionalität anzeigen lassen.
Inhaltskachel
Kacheln dienen zur Anzeige von geclusterten Informationen innerhalb einer Seite.
Overlay-Menü
Das Overlay-Menü bietet einen Schnelleinstieg in Bereiche ohne die Detailseite öffnen zu müssen.
Paginierung
Die Paginierung ist ein Steuerelement, um zwischen Seiten hin und her zu springen.
Pfadnavigation
Die Pfadnavigation ermöglicht es Nutzenden in tieferen Detailseiten immer nachvollziehen zu können, was die übergeordneten Seiten sind.
Tab
Tabs helfen bei der Navigation zu mehr Informationen ohne, dass Nutzende Seite oder Bereich wechseln müssen.
Verfahrensheader
Der Verfahrensheader gibt Auskunft über die wichtigsten Attribute und Bereiche des Verfahrens.
Verfahrenstab
Die Verfahrenstabs ermöglichen es den Nutzenden zwischen verschiedenen Modulen, innerhalb des Verfahrens, zu wechseln.