{"library":"vaul-vue","type":"library","category":null,"description":"Vaul Vue is an unstyled, headless drawer component specifically designed for Vue 3 applications, serving as a modern and highly customizable replacement for traditional dialogs and modals, particularly optimized for tablet and mobile devices. It stands at version 0.4.1 and demonstrates an active development cadence with frequent patch releases addressing bug fixes and occasional minor releases introducing new features or significant architectural refactorings. This library is a feature-complete port of Emil Kowalski's original Vaul library, which was built for React, ensuring a mature and well-tested interaction model. Under the hood, Vaul Vue leverages Reka UI's Dialog primitive, providing a robust foundation for accessibility and core interaction logic. Its unstyled nature is a key differentiator, granting developers complete control over the visual presentation to seamlessly integrate with any design system. The headless architecture ensures that essential accessibility features are provided out-of-the-box, without dictating styling. Key features include highly customizable snap points, support for various drag directions, and a comprehensive set of primitives (`DrawerRoot`, `DrawerTrigger`, `DrawerPortal`, `DrawerOverlay`, `DrawerContent`) that enable building bespoke drawer experiences tailored to specific application needs, making it a powerful tool for responsive web design.","language":"javascript","status":"active","version":"0.4.1","tags":["javascript","vue","vue3","drawer","dialog","modal","headless","typescript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vaul-vue","imports":["import { DrawerRoot, DrawerTrigger, DrawerPortal, DrawerOverlay, DrawerContent } from 'vaul-vue'","import 'vaul-vue/dist/style.css'"]},{"cmd":"yarn add vaul-vue","imports":[]},{"cmd":"pnpm add vaul-vue","imports":[]}],"homepage":null,"github":"https://github.com/Elliot-Alexander/vaul-vue","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vaul-vue","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/vaul-vue/compatibility"}}