Überblick über Komponenten
Was sind Jutro-Komponenten?
Komponenten sind die Grundbausteine des Jutro Design Systems. Jede Komponente wird gestaltet und implementiert, um eine bestimmte Interaktions- oder UI-Anforderung zu erfüllen. Sie können Komponenten Stück für Stück zusammensetzen, um Muster und intuitive Benutzungserlebnisse zu erstellen. Alle Komponenten entsprechen den Richtlinien und Anforderungen des Jutro Design Systems, das ein einheitliches Erscheinungsbild in allen Guidewire-Anwendungen fördert und gewährleistet, dass die Produktteams die Best Practices einhalten.
Komponenten erfüllen nichtfunktionale Anforderungen wie Barrierefreiheit (a11y), Testbarkeit und Sicherheit.
Außerdem sind Komponenten kompatibel mit und eingebunden in den empfohlenen Ansätzen für Internationalisierung (i18n), Theming, Metadaten und Formularverarbeitung.
Beispiele für Komponenten
Schaltflächen, Benachrichtigungen und Texteingabefelder sind Beispiele für Komponenten.
Merkmale
- Bausteine von Jutro Design System
- Generisch, wiederverwendbar, konfigurierbar
- Responsiv, jedoch mit spezifischen Minimal- und Maximalwerten
- Ausgestattet mit Produktisierungsfunktionen: i18n, a11y, Theme-fähig, dokumentiert, getestet, Einhaltung des Konzepts der Non-Breaking Changes (NBC)
- Aktualisierbar
Wie können Entwickler Komponenten verwenden?
Komponenten können in Anwendungen als typische NPM-Pakete (in Form von versionierten Abhängigkeiten) installiert werden und stehen dann an den entsprechenden Stellen als React-Komponenten zur Verfügung – mit JSX/Metadaten (konfiguriert über Eigenschaften).
Wie können Designer Komponenten verwenden?
Komponenten sind über die Jutro Figma-Bibliothek verfügbar. Diese vorkonfigurierten Elemente können per Drag&Drop in neue Designs gezogen werden.