Calcite, le Design System d'Esri, vous permet d'intégrer facilement des
composants web utilisés par les équipes d'Esri directement au sein de vos
application. Cela vous permet de gagner du temps de développement et de créer
plus facilement des applications harmonieuses. Dans cet article, je vous
propose un résumé des mises à jour ayant eu lieu entre mai et octobre 2023
(versions 1.5.0 à 1.9.0). Si vous ne savez pas encore ce qu'est un Design
System, je vous propose de
le découvrir ici
avant de lire la suite.
Table
Le nouveau composant
Table, ainsi que ses composants associés
Table Header
(entête de table),
Table Row
(ligne) et
Table Cell
(cellule) permettent d'organiser vos données et vos contenus de manière
efficace sous la forme de lignes et de colonnes.
Ce composant est simple est flexible : vous pouvez construire une table avec
ou sans entête, rendre les colonnes sélectionnables, et limiter le nombre de
lignes par page (ce qui active la pagination automatique). Vous pouvez
également intégrer d'autres composants au sein d'une cellule de votre table.
Compteur
Le composant
Meter
(Compteur) peut être utilisé pour représenter la quantité disponible d'une
unité mesurable, comme par exemple le maximum de stockage utilisé sur un
hardware. Vous pouvez également vous en servir pour afficher un nombre ou une
quantité chaque fois que le maximum est une valeur connue, comme par exemple
le nombre de jours dans l'année où des précipitations ont été enregistrées.
Feuille
Le composant
Sheet
(Feuille) fournit un conteneur éphémère pour les flux de travail et les tâches
ciblés. Elles sont couplées avec un conteneur
Scrim
bloquant les pages. Le composant peut être utilisé pour fournir un contenu
ciblé, des dialogues courts, et peut contenir des régions de navigation et de
menu.
Son utilisation concentre l'attention de l'utilisateur sur une tâche, telle que la navigation dans les menus, ce qui empêche toute interaction avec l'interface utilisateur jusqu'à ce qu'elle soit fermée. Pour plus d'informations, consultez les recommandations du composant Sheet.
Son utilisation concentre l'attention de l'utilisateur sur une tâche, telle que la navigation dans les menus, ce qui empêche toute interaction avec l'interface utilisateur jusqu'à ce qu'elle soit fermée. Pour plus d'informations, consultez les recommandations du composant Sheet.
Fuseau horaire
Input Time Zone (Fuseau horaire) est un composant qui permet à l'utilisateur de choisir parmi une liste de
fuseaux horaires dans le monde entier. Sauf configuration contraire, le fuseau
horaire de l'utilisateur est sélectionné par défaut.
Mises en page réactives
La plupart des applications web doivent pouvoir passer d'une taille d'écran à
l'autre tout en conservant une expérience optimale, car les utilisateurs
finaux accèdent à leurs applications sur un grand nombre d'appareils. Alors
que les composants Calcite sont utilisés aujourd'hui pour créer des
applications avec un design responsive, les équipes d'Esri travaillent à
rendre encore plus facile pour les développeurs de construire leurs
applications responsive. Cette initiative s'étendra sur plusieurs versions,
afin que les divers composants ajustent automatiquement leur mise en page en
fonction de la taille de l'écran. Dernièrement, les composants
Alert
(Alerte) et
Pagination
ont été mis à jour pour répondre à ce besoin.
Pour plus d'informations sur ces nouveautés, je vous invite à découvrir
les notes de version. Vous pouvez également retrouver
le replay du live YouTube
où l'équipe derrière Calcite discute de ces nouveaux composants.
Aucun commentaire:
Enregistrer un commentaire