Skip to content

mforstme/vaul-vue

 
 

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 uses Radix Vue's Dialog primitive under the hood and is a feature complete port of Emil 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>

Credits

All credits go to these open-source works and resources

About

An unstyled drawer component for Vue.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 53.4%
  • Vue 44.9%
  • Other 1.7%