Composants React sans interface ni styles prédéfinis, pour créer des interfaces accessibles et hautement personnalisables tout en gardant un contrôle total sur les styles.
- Étoiles GitHub
- 5.2K
- Mis à jour le
- Aug 17, 2025
- Licence
- MIT License
Vaul
Un composant de tiroir sans style, conçu pour s'intégrer facilement aux applications React et améliorer les interactions sur les appareils mobiles.
Vaul est un composant de tiroir sans style, conçu spécialement pour les applications React. Il remplace les boîtes de dialogue et est optimisé pour les tablettes et les appareils mobiles. Il est pensé pour être flexible, afin que les développeurs puissent personnaliser le comportement et l'apparence du tiroir dans leurs applications.
L'une de ses principales fonctionnalités permet de mettre l'arrière-plan à l'échelle lorsque le tiroir s'ouvre, pour offrir une expérience plus immersive. Le tiroir peut être contrôlé par programmation, ce qui permet aux développeurs de gérer son état d'ouverture à l'aide de la gestion d'état de React.
Vaul propose une API simple à intégrer, avec des composants clairement définis tels que Drawer.Root, Drawer.Trigger, Drawer.Content et Drawer.Overlay, pour structurer l'intégration dans les applications. La bibliothèque prend en charge différentes fonctionnalités, comme des points d'ancrage pour améliorer l'interaction, la personnalisation du conteneur du tiroir et des options empêchant sa fermeture par l'utilisateur.
Ce composant convient aux développeurs qui souhaitent intégrer un tiroir adaptatif et adapté aux mobiles sans les contraintes de composants stylés susceptibles d'entrer en conflit avec le système de conception de leur application.
Pour découvrir des exemples détaillés, consultez les démonstrations interactives disponibles sur CodeSandbox. Elles présentent les différentes fonctionnalités du composant, notamment les contrôles de défilement et les points d'ancrage personnalisés.
Fonctionnalités
- Composant de tiroir sans style
- Optimisé pour les mobiles et les tablettes
- Mise à l'échelle de l'arrière-plan
- Points d'ancrage personnalisables
- Contrôle programmatique de l'état d'ouverture
- Prise en charge des tiroirs imbriqués
- Positionnement flexible du contenu
- Portail personnalisé pour le rendu
Éléments associés
Un riche ensemble de composants UI open source, conçus pour créer des applications Vue.js facilement et efficacement.
- Étoiles GitHub
- 11.0K
- Mis à jour le
- Dec 6, 2024
- Licence
- MIT License
Des primitives React accessibles, open source et sans styles pour créer des applications web et des systèmes de design de qualité.
- Étoiles GitHub
- 16.0K
- Mis à jour le
- Dec 6, 2024
- Licence
- MIT License
Cette solution open source UI permet de créer des systèmes de design sophistiqués à l'aide de composants personnalisables, adaptables à différents styles visuels et normes d'accessibilité.
- Étoiles GitHub
- 3.9K
- Mis à jour le
- Dec 6, 2024
- Licence
- MIT License
Créez rapidement et efficacement des applications web accessibles grâce à un ensemble complet de composants essentiels, faciles à utiliser et hautement personnalisables.
- Étoiles GitHub
- 38.1K
- Mis à jour le
- Dec 6, 2024
- Licence
- MIT License
Ce composant offre une solution complète de menu de commandes pour React, axée à la fois sur l’expérience utilisateur et la flexibilité pour les développeurs.
- Étoiles GitHub
- 10.0K
- Mis à jour le
- Dec 6, 2024
- Licence
- MIT License
Un projet qui facilite la création de sites de documentation en mettant l’accent sur le contenu et la facilité d’utilisation.
- Étoiles GitHub
- 57.0K
- Mis à jour le
- Dec 6, 2024
- Licence
- MIT License
Une collection polyvalente de composants élégamment conçus pour enrichir vos projets web et simplifier votre processus de conception.