https://github.com/emilkowalski/vaul

A drawer component for React.
https://github.com/emilkowalski/vaul

dialog drawer react

Last synced: 4 days ago
JSON representation

A drawer component for React.

• Host: GitHub
• URL: https://github.com/emilkowalski/vaul
• Owner: emilkowalski
• License: mit
• Created: 2023-07-16T11:24:46.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-14T00:57:07.000Z (about 2 months ago)
• Last Synced: 2025-01-20T19:01:55.530Z (11 days ago)
• Topics: dialog, drawer, react
• Language: TypeScript
• Homepage: https://vaul.emilkowal.ski
• Size: 1.11 MB
• Stars: 6,765
• Watchers: 13
• Forks: 227
• Open Issues: 72
• Metadata Files:
  • Readme: README.md
  • Funding: FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

README

        
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](https://emilkowal.ski/ui/building-a-drawer-component).

## Usage

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

```bash

npm install vaul

```

Use the drawer in your app.

```jsx

import { Drawer } from 'vaul';

function MyComponent() {

  return (

    

      Open

      

        

          Title

        

        

      

    

  );

}

```

## Documentation

Find the full API reference and examples in the [documentation](https://vaul.emilkowal.ski/getting-started).