❤
npm
Sign UpSign In

vaul
TypeScript icon, indicating that this package has built-in type declarations

1.1.2 • Public • Published

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.

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
1.1.21,081,444latest

Version History

VersionDownloads (Last 7 Days)Published
1.1.21,081,444
1.1.1105,538
1.1.011,720
1.0.013,728
0.9.92,002,768
0.9.821
0.9.711
0.9.621,683
0.9.50
0.9.46,857
0.9.31,104,126
0.9.26,761
0.9.194,981
0.9.022,057
0.8.110
0.8.916,318
0.8.810
0.8.7269
0.8.53
0.8.04,468
0.7.94,641
0.7.837
0.7.7163
0.7.60
0.7.50
0.7.40
0.7.30
0.7.229
0.7.115
0.7.07
0.6.8362
0.6.78
0.6.61
0.6.54
0.6.40
0.6.31
0.6.20
0.6.111
0.6.016
0.5.02
0.4.665
0.4.57
0.4.19
0.4.00
0.3.791
0.3.60
0.3.50
0.3.40
0.3.20
0.3.10
0.3.00
0.2.3615
0.2.245
0.2.10
0.2.081
0.1.245
0.1.1283
0.1.03
0.0.90
0.0.80
0.0.716
0.0.631
0.0.50
0.0.41
0.0.30
0.0.20

Package Sidebar

Install

npm i vaul

Repository

github.com/emilkowalski/vaul

Homepage

vaul.emilkowal.ski/

Weekly Downloads

4,499,362

Version

1.1.2

License

MIT

Unpacked Size

184 kB

Total Files

8

Last publish

Collaborators

  • emilkowalski
Try on RunKit
Report malware