Awesome GitHub RepositoriesSegmented Control Components

Zag est une bibliothèque de machine à états UI headless qui fournit une logique de composant non stylisée pour assurer un comportement cohérent à travers différents moteurs de rendu. Elle fonctionne comme une boîte à outils pour modéliser des interactions d'interface utilisateur complexes en utilisant des statecharts, découplant la logique sous-jacente et les attributs d'accessibilité du stylage visuel. La bibliothèque est agnostique au framework, utilisant des adaptateurs spécialisés pour faire le pont entre sa logique de machine à états et diverses bibliothèques JavaScript telles que React, Solid, Vue et Svelte. Cette approche permet aux développeurs de maintenir un modèle d'interaction unique tout en appliquant n'importe quelle solution CSS ou de stylage via des attributs de données pilotés par l'état. Zag couvre un large éventail de domaines fonctionnels, incluant une gestion complète de l'accessibilité pour la navigation au clavier et les attributs ARIA, ainsi qu'une vaste collection de primitives interactives. Celles-ci incluent des contrôles de saisie, des éléments de navigation comme les menus et onglets, des composants de superposition tels que les dialogues et popovers, et une gestion média complexe pour le recadrage d'image et la capture de signature. Elle fournit également des utilitaires pour la gestion de données hiérarchiques, la gestion de listes asynchrones et un système pour construire des visites guidées de produits.

HMSegmentedControl est une interface de sélection défilante et personnalisable pour les applications iOS. Il sert de composant UIKit qui remplace les contrôles segmentés système standard pour fournir une barre de sélection capable de basculer entre différentes vues ou ensembles de données. Ce composant se distingue par son support du défilement horizontal en débordement, qui permet aux utilisateurs de parcourir les options de sélection lorsque le nombre de segments dépasse la largeur d'écran disponible. Il offre un contrôle précis sur l'identité visuelle de l'interface via des polices, des couleurs et des attributs de texte personnalisés. La bibliothèque couvre le rendu des barres de sélection avec prise en charge du texte et des images, utilisant un système de mise en page qui s'adapte aux différentes tailles d'écran des appareils.