Vaul

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.