KERN React-Addons 1.0

Ergänzung für komplexe Navigations- und Aktionsstrukturen für das KERN-UX-Designsystem, basierend auf React.

Catalog
Open Code DE
License
European Union Public License 1.2
Release date
Status
Beta
Type
Web application
Maintenance
Maintained internally
Platforms
Web
Languages
German

Features

  • Tabs – übersichtlicher Wechsel zwischen Inhaltsbereichen im selben Kontext
  • Menu / Menubar – strukturierte Darstellung von Navigations- und Aktionsmenüs
  • Menu Button – platzsparende Schaltfläche zur Bündelung weiterer Optionen im aufklappbaren Menü
  • MultiSelect – flexible Mehrfachauswahl aus einer Liste an Optionen

Description

Die KERN React-Addons stellen Komponenten bereit, mit denen umfangreiche Auswahl- & Aktionsmöglichkeiten übersichtlich und nutzerfreundlich gestaltet werden können:

  • Tabs – übersichtlicher Wechsel zwischen Inhaltsbereichen im selben Kontext
  • Menu / Menubar – strukturierte Darstellung von Navigations- und Aktionsmenüs
  • Menu Button – platzsparende Schaltfläche zur Bündelung weiterer Optionen im aufklappbaren Menü
  • MultiSelect – flexible Mehrfachauswahl aus einer Liste an Optionen

Alle Komponenten orientieren sich an den Empfehlungen des W3C ARIA Authoring Practices Guide und leisten somit einen Beitrag zur Umsetzung barrierefreier Anwendungen.

Die KERN React-Addons ermöglichen komplexe Navigations- und Aktionsstrukturen, die bislang im KERN-Designsystem noch nicht erschlossen wurden.

Entstanden sind die Komponenten im Kontext des Formulardesigners, einem KERN-UX-basierten Werkzeug, mit dem sich per Drag & Drop Antragsformulare im JSON-Format erstellen lassen.

Der Beitrag richtet sich an Entwicklungsteams, die React in digitalen Verwaltungslösungen einsetzen und ihr Set an KERN-Komponenten gezielt ergänzen möchten. Die Komponenten werden im Auftrag der Länder Sachsen und Baden-Württemberg entwickelt und gemeinsam mit der Community fortlaufend gepflegt und ausgebaut. Wir freuen uns über Feedback, Austausch und gemeinsame Weiterentwicklung.

Bitte berücksichtigen Sie beim Erstellen Ihres Issues unseren Code of Conduct. Wir versuchen Ihre Anfrage zeitnah zu beantworten, bitten aber um Ihr Verständnis, sollte die Prüfung etwas mehr Zeit in Anspruch nehmen.

Vielen Dank für Ihre Unterstützung!

Contacts