Awesome GitHub RepositoriesSegmented Control Components

Zag ist eine Headless-UI-Zustandsmaschinenbibliothek, die ungestylte Komponentenlogik bereitstellt, um konsistentes Verhalten über verschiedene Rendering-Engines hinweg sicherzustellen. Sie fungiert als Toolkit zur Modellierung komplexer User-Interface-Interaktionen unter Verwendung von Statecharts und entkoppelt die zugrunde liegende Logik und Accessibility-Attribute vom visuellen Styling. Die Bibliothek ist framework-agnostisch und nutzt spezialisierte Adapter, um ihre Zustandsmaschinenlogik mit verschiedenen JavaScript-Bibliotheken wie React, Solid, Vue und Svelte zu verbinden. Dieser Ansatz ermöglicht es Entwicklern, ein einheitliches Interaktionsmodell beizubehalten, während sie jede CSS- oder Styling-Lösung durch zustandsgesteuerte Datenattribute anwenden können. Zag deckt ein breites Spektrum an funktionalen Bereichen ab, einschließlich umfassendem Accessibility-Management für Tastaturnavigation und ARIA-Attribute sowie eine riesige Sammlung interaktiver Primitiven. Dazu gehören Input-Controls, Navigationselemente wie Menüs und Tabs, Overlay-Komponenten wie Dialoge und Popovers sowie komplexe Medienhandhabung für Bildzuschnitt und Signaturerfassung. Es bietet zudem Utilities für hierarchisches Datenmanagement, asynchrone Listenbehandlung und ein System zur Konstruktion geführter Produkttouren.

HMSegmentedControl ist eine anpassbare, scrollbare Auswahl-Schnittstelle für iOS-Anwendungen. Sie dient als UIKit-Komponente, die standardmäßige System-Segmented-Controls ersetzt, um eine Auswahlleiste bereitzustellen, die zwischen verschiedenen Ansichten oder Datensätzen wechseln kann. Diese Komponente zeichnet sich durch ihre Unterstützung für horizontales Overflow-Scrolling aus, das es Benutzern ermöglicht, durch Auswahloptionen zu navigieren, wenn die Anzahl der Segmente die verfügbare Bildschirmbreite überschreitet. Sie bietet präzise Kontrolle über die visuelle Identität der Schnittstelle durch benutzerdefinierte Schriftarten, Farben und Textattribute. Die Bibliothek deckt das Rendering von Auswahlleisten mit Unterstützung für Text und Bilder ab und nutzt ein Layout-System, das über verschiedene Gerätebildschirmgrößen hinweg skaliert.