EventBuzz_Console/node_modules/.ignored/vaul
Ravi Gulhane 50cfd63778 first commit 2026-06-02 11:00:15 +05:30
..
dist first commit 2026-06-02 11:00:15 +05:30
LICENSE.md first commit 2026-06-02 11:00:15 +05:30
README.md first commit 2026-06-02 11:00:15 +05:30
package.json first commit 2026-06-02 11:00:15 +05:30
style.css first commit 2026-06-02 11:00:15 +05:30

README.md

https://github.com/emilkowalski/vaul/assets/36730035/fdf8c5e8-ade8-433b-8bb0-4ce10e722516

Vaul is an unstyled drawer component for React that can be used as a Dialog replacement on tablet and mobile devices. You can read about why and how it was built here.

Usage

To start using the library, install it in your project:,

npm install vaul

Use the drawer in your app.

import { Drawer } from 'vaul';

function MyComponent() {
  return (
    <Drawer.Root>
      <Drawer.Trigger>Open</Drawer.Trigger>
      <Drawer.Portal>
        <Drawer.Content>
          <Drawer.Title>Title</Drawer.Title>
        </Drawer.Content>
        <Drawer.Overlay />
      </Drawer.Portal>
    </Drawer.Root>
  );
}

Documentation

Find the full API reference and examples in the documentation.