Présentation de Jelly UI
Jelly UI est une bibliothèque de Web Components sans dépendances, conçue pour créer des interfaces de produits tactiles et souples. Elle combine des contrôles de formulaire réels avec une physique de corps mous, tout en intégrant le mode sombre, le support de droite à gauche et les jetons de couleur WCAG AA.
Fonctionnement de Jelly UI
La bibliothèque Jelly UI permet d'ajouter des effets de physique de corps mous aux contrôles de formulaire HTML natifs, ce qui peut améliorer l'expérience utilisateur. Elle prend en charge les thèmes et les variantes de boutons, comme le montre l'exemple suivant :
<jelly-theme mode='auto'><jelly-button variant='mint'>Publier</jelly-button></jelly-theme>Intégration et exemples
Pour utiliser Jelly UI, il suffit d'importer le script de la bibliothèque et d'ajouter les éléments Jelly UI à son code HTML. Par exemple, pour ajouter un bouton avec le thème automatique, on peut utiliser le code suivant :
<script type='module' src='https://jelly-ui.com/package.js'></script>Avantages et limites
Jelly UI offre une solution légère et flexible pour ajouter des effets de physique de corps mous aux interfaces web, mais son utilisation peut nécessiter une certaine connaissance des Web Components et de la personnalisation des thèmes. De plus, la compatibilité de la bibliothèque avec les différents navigateurs et les versions de HTML peut varier.
