https://github.com/unovue/vaul-vue

An unstyled drawer component for Vue.
https://github.com/unovue/vaul-vue

dialog drawer vaul vue

Last synced: 1 day ago
JSON representation

An unstyled drawer component for Vue.

• Host: GitHub
• URL: https://github.com/unovue/vaul-vue
• Owner: unovue
• Created: 2024-01-02T02:33:05.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-16T15:21:21.000Z (about 2 months ago)
• Last Synced: 2025-01-21T22:38:11.749Z (9 days ago)
• Topics: dialog, drawer, vaul, vue
• Language: TypeScript
• Homepage: https://vaul.unovue.com
• Size: 226 KB
• Stars: 285
• Watchers: 5
• Forks: 12
• Open Issues: 20
• Metadata Files:
  • Readme: README.md

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 [Radix Vue's Dialog primitive](https://www.radix-vue.com/components/dialog.html) 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).

- [Radix Vue](https://www.radix-vue.com/) for the Dialog primitive used under the hood.