Introduction
Le système de design ePassLive est la source unique de vérité pour chaque surface d'interface de la plateforme.
Qu'est-ce que c'est?
Une bibliothèque de composants complète avec 231 composants implémentés organisés en atomes, molécules, organismes et gabarits. Chaque composant inclut :
- Interfaces TypeScript avec documentation complète des props
- Assertions d'accessibilité (rôles ARIA, navigation au clavier)
- Jetons de design (couleurs, espacements, typographie)
- Exemples d'usage et anti-patterns
À qui ça s'adresse?
Designers
Fichiers sources Figma avec bibliothèque de composants publiée. Importe les atomes et molécules directement dans tes designs.
Ingénieurs front-end
Pages de composants orientées spécification. Lis les props, copie l'interface, livre le composant.
Chefs de produit
Parcours les pages de catégories pour voir ce qui est disponible. Consulte le journal des modifications pour les changements récents.
Comment c'est organisé?
Quatre sections principales dans la barre latérale :
- Premiers pas — installation, démarrage rapide, jetons de design
- Fondations — couleurs, typographie, espacements, dimensionnement, ombres, mouvement
- Composants — les 98 composants dans 4 catégories (atomes, molécules, organismes, gabarits)
- Ressources — feuille de route, analytique, journal des modifications
Versionnage
Version actuelle : v4.1.0
Les composants suivent le versionnage sémantique. Les changements de version majeure indiquent des modifications de jetons qui peuvent casser les styles existants. Consulte le journal des modifications pour l'historique complet.