Passer au contenu principal

Présentation des composants

Que sont les composants Jutro ?​

Les composants sont les éléments de construction de base de Jutro Design System. Chaque composant est conçu et implémenté pour répondre à un besoin spécifique en matière d'interaction ou d'interface utilisateur. Vous pouvez assembler les composants pièce par pièce pour créer des modèles et des expériences utilisateur intuitives. Tous les composants respectent les directives et les exigences de Jutro Design System, qui favorise une apparence cohérente dans les applications Guidewire et garantit que les équipes produit respectent les meilleures pratiques.

Les composants répondent à des besoins non fonctionnels tels que l'accessibilité (a11y), la testabilité et la sécurité.

En outre, les composants sont compatibles/intégrés avec les approches recommandées pour l'internationalisation (i18n), les thèmes, les métadonnées et la gestion des formulaires.

Exemples de composants​

Les boutons, les notifications et les champs de saisie de texte sont tous des exemples de composants.

Exemples de composants, notamment les boutons principaux et secondaires, les notifications toast et les champs de saisie de texte

Caractéristiques​

  • Blocs de construction Jutro Design System
  • Générique, réutilisable, configurable
  • Réactif, mais avec des valeurs min/max spécifiques
  • Équipé de fonctionnalités de production : i18n, a11y, politique de modifications sans rupture (NBC, non-breaking changes) suivante testée, documentée, personnalisable
  • Évolutif

Comment les développeurs peuvent-ils utiliser des composants ?​

Les composants peuvent être installés dans les applications en tant que packages NPM types (sous la forme de dépendances avec version), puis être mis à disposition pour être utilisés à des emplacements appropriés en tant que composants React, avec JSX/Metadata (configurés via des propriétés).

Warning: Les métadonnées de présentation sont obsolètes dans Jutro 10.0. JSX est le mécanisme recommandé pour l'implémentation de l'interface utilisateur. Si vous avez besoin de documentation sur les métadonnées, consultez une version de la documentation antérieure à 10.0.

Comment les concepteurs peuvent-ils utiliser des composants ?​

Les composants sont disponibles via la bibliothèque Jutro Figma. Ces éléments préconçus peuvent être glissés et déposés dans de nouvelles conceptions.