À propos du projet
dnd-kit fournit une architecture en couches pour les interfaces de glisser-déposer sur le Web. Son cœur abstrait peut être utilisé via une implémentation DOM et des adaptateurs de framework légers, avec des guides de démarrage rapide documentés pour JavaScript vanilla, React, Vue, Svelte et SolidJS.
La boîte à outils prend en charge les listes, les grilles, les conteneurs multiples et les contextes imbriqués, les éléments de taille variable, les listes virtualisées et les interactions de glisser de style 2D. La prise en charge des entrées inclut les capteurs de pointeur, de souris, de tactile et de clavier. Les fonctionnalités d'accessibilité couvrent le fonctionnement au clavier, les attributs ARIA par défaut, les instructions pour les lecteurs d'écran et les régions en direct.
Les développeurs peuvent personnaliser les animations, les transitions, les comportements, les styles, les raccourcis clavier, les capteurs et la logique de détection de collision ; une couche triable est disponible via @dnd-kit/dom/sortable pour les interfaces triables.
Le référentiel est organisé sous forme de monorepo de packages publiés, incluant le cœur abstrait, la couche DOM, la détection de collision, les utilitaires de géométrie, les assistants, la gestion d'état réactif et les adaptateurs pour React, Vue, Svelte et Solid. La documentation complète, les références d'API, les guides et les exemples sont hébergés sur dndkit.com. Le projet est sous licence MIT et utilise Turborepo et bun pour le développement.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.