Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 113 Commits
.changeset		.changeset
.github/workflows		.github/workflows
.vscode		.vscode
packages/vaul-vue		packages/vaul-vue
playground		playground
.gitignore		.gitignore
.nvmrc		.nvmrc
LICENSE		LICENSE
README.md		README.md
eslint.config.js		eslint.config.js
package-lock.json		package-lock.json
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
pnpm-workspace.yaml		pnpm-workspace.yaml

Repository files navigation

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 usesReka UI's Dialog primitive under the hood and is a feature complete port ofEmil Kowalski's Vaul library (built for React).

Installation

pnpm add vaul-vue

npm install vaul-vue

yarn add vaul-vue

Usage

<script setup lang="ts">import {DrawerContent,DrawerOverlay,DrawerPortal,DrawerRoot,DrawerTrigger }from'vaul-vue'</script><template>  <DrawerRoot>    <DrawerTrigger> Open </DrawerTrigger>    <DrawerPortal>      <DrawerOverlay />      <DrawerContent>        <p>Content</p>      </DrawerContent>    </DrawerPortal>  </DrawerRoot></template>