Vue Vaul

A Vue drawer component ported from Vaul.

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

Install

1npm i vue-vaul

Usage

1<script setup>
2import { Drawer } from 'vue-vaul'
3</script>
4
5<template>
6  <Drawer.Root>
7    <Drawer.Trigger>Open</Drawer.Trigger>
8    <Drawer.Portal>
9      <Drawer.Content>
10        <Drawer.Title>Title</Drawer.Title>
11      </Drawer.Content>
12      <Drawer.Overlay />
13    </Drawer.Portal>
14  </Drawer.Root>
15</template>

Credits

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

• Vaul

Licenses

This project is licensed under the MIT License.