https://github.com/vladyoslav/drawer
An unstyled draggable drawer component for React.
https://github.com/vladyoslav/drawer
dialog draggable drawer headless mobile modal react sheet unstyled
Last synced: about 1 year ago
JSON representation
An unstyled draggable drawer component for React.
- Host: GitHub
- URL: https://github.com/vladyoslav/drawer
- Owner: vladyoslav
- License: mit
- Created: 2023-12-26T17:56:31.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-24T20:42:13.000Z (almost 2 years ago)
- Last Synced: 2025-05-13T13:20:06.726Z (about 1 year ago)
- Topics: dialog, draggable, drawer, headless, mobile, modal, react, sheet, unstyled
- Language: TypeScript
- Homepage: https://vladyoslav-drawer.vercel.app
- Size: 937 KB
- Stars: 18
- Watchers: 1
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# @vladyoslav/drawer
An unstyled draggable drawer component for React.
Based on [@radix-ui/react-dialog](https://www.radix-ui.com/primitives/docs/components/dialog) and inspired by Emil Kowalski's awesome [Vaul](https://vaul.emilkowal.ski/).
Demo: [vladyoslav-drawer.vercel.app](https://vladyoslav-drawer.vercel.app)
## Documentation
For full documentation, visit [vladyoslav-drawer.vercel.app/docs](https://vladyoslav-drawer.vercel.app/docs).
### Installation
Install the component from your command line.
```shell
npm i @vladyoslav/drawer
```
### Usage
Use the drawer in your app.
```jsx
import { Drawer } from '@vladyoslav/drawer'
export const MyComponent = () => (
Open Drawer
...
)
```
### API Reference
To see components props, visit the full [documentation](https://vladyoslav-drawer.vercel.app/docs).