vauland

This is implementation of vaul-vue drawer component, including all the necessary Reka UI components in the bundle.

Installation

pnpm add vauland

npm install vauland

yarn add vauland

Usage

<script setup lang="ts">
import {
  DrawerContent,
  DrawerOverlay,
  DrawerPortal,
  DrawerRoot,
  DrawerTrigger,
} from 'vauland';
</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

• Major credits go to Emil Kowalski for the original Vaul library.
• Reka UI for the Dialog primitive used under the hood.
• All the contributors of the Vaul Vue library.