https://github.com/unovue/vaul-vue
An unstyled drawer component for Vue.
https://github.com/unovue/vaul-vue
dialog drawer vaul vue
Last synced: about 2 months ago
JSON representation
An unstyled drawer component for Vue.
- Host: GitHub
- URL: https://github.com/unovue/vaul-vue
- Owner: unovue
- License: mit
- Created: 2024-01-02T02:33:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-15T08:12:19.000Z (4 months ago)
- Last Synced: 2025-05-16T05:03:28.249Z (about 2 months ago)
- Topics: dialog, drawer, vaul, vue
- Language: TypeScript
- Homepage: https://vaul.unovue.com
- Size: 377 KB
- Stars: 377
- Watchers: 5
- Forks: 20
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vaul Vue
Vaul Vue is an unstyled drawer component for Vue that can be used as a Dialog replacement on tablet and mobile devices.
It uses [Reka UI's Dialog primitive](https://www.reka-ui.com/docs/components/dialog) under the hood and is a feature complete port of [Emil Kowalski's Vaul library](https://github.com/emilkowalski/vaul) (built for React).## Installation
```bash
pnpm add vaul-vue
``````bash
npm install vaul-vue
``````bash
yarn add vaul-vue
```## Usage
```vue
import { DrawerContent, DrawerOverlay, DrawerPortal, DrawerRoot, DrawerTrigger } from 'vaul-vue'
Open
Content
```
## Credits
All credits go to these open-source works and resources
- Major credits go to [Emil Kowalski](https://emilkowal.ski/) for the original [Vaul library](https://github.com/emilkowalski/vaul).
- [Reka UI](https://www.reka-ui.com/) for the Dialog primitive used under the hood.