Die KERN React-Addons erweitern das KERN-UX-Designsystem um Komponenten für komplexe Navigations- und Aktionsstrukturen in React-Anwendungen. Sie unterstützen Entwicklungsteams dabei, umfangreiche Auswahlmöglichkeiten, Menüs und Inhaltsbereiche übersichtlich und nutzerfreundlich umzusetzen.

Die Komponenten sind im Kontext des Formulardesigners entstanden und können auch in anderen digitalen Verwaltungslösungen eingesetzt werden. Sie orientieren sich an den Empfehlungen des W3C ARIA Authoring Practices Guide und leisten damit einen Beitrag zur Umsetzung barrierefreier Anwendungen.

Zugang & Zielgruppe

Weiterführende Informationen zu den KERN React-Addons finden Sie im KERN-Katalog und auf openCode. Quellcode, technische Dokumentation sowie Möglichkeiten zur Mitwirkung sind über das GitLab-Repository verfügbar.

Zum Eintrag im KERN-Katalog

Zum Repository auf GitLab

Die KERN React-Addons richten sich insbesondere an Entwicklungsteams, die React für digitale Verwaltungslösungen einsetzen und ihr Angebot an KERN-Komponenten ergänzen möchten. Die Komponenten sind als Open Source verfügbar und können an eigene Anforderungen angepasst werden.

Enthaltene Komponenten

Die KERN React-Addons umfassen derzeit vier Komponenten:

  • Tabs: ermöglichen den übersichtlichen Wechsel zwischen verschiedenen Inhaltsbereichen innerhalb eines Kontextes.
  • Menu / Menubar: unterstützen die strukturierte Darstellung von Navigations- und Aktionsmenüs.
  • Menu Button: bündelt weitere Optionen platzsparend in einem aufklappbaren Menü.
  • MultiSelect: ermöglicht die Mehrfachauswahl aus einer Liste.

Die KERN React-Addons werden kontinuierlich weiterentwickelt. Weitere Komponenten können künftig ergänzt werden.

Zusammenspiel mit dem Formulardesigner

Die KERN React-Addons sind im Kontext des Formulardesigners entstanden. Sie ergänzen ihn um Komponenten für umfangreiche Auswahl-, Navigations- und Aktionsmöglichkeiten.

Der Formulardesigner ist ein KERN-UX-basiertes Werkzeug, mit dem digitale Formulare per Drag-and-drop aus vorgefertigten Bausteinen erstellt und gepflegt werden können.

Mehr zum Formulardesigner

Zum Formulardesigner im KERN-Katalog

Zur Projektseite auf openCode