Vue Vaul

A Vue drawer component ported from Vaul.

For a lightweight version with minimal options, see Geist Vaul.

Install

npm i vue-vaul

Usage

<script setup>
import { Drawer } from 'vue-vaul'
</script>

<template>
  <Drawer.Root>
    <Drawer.Trigger>Open</Drawer.Trigger>
    <Drawer.Portal>
      <Drawer.Content>
        <Drawer.Title>Title</Drawer.Title>
      </Drawer.Content>
      <Drawer.Overlay />
    </Drawer.Portal>
  </Drawer.Root>
</template>

Credits

This project also partially contains code derived or copied from the following projects:

• Vaul

• Reka UI dialog

Licenses

This project is licensed under the MIT License.