Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/swimshahriar/re-modal
A simple react modal, dropdown (draggable) npm package.
https://github.com/swimshahriar/re-modal
draggable modal nested-modal react react-dropdown react-modal react-portal
Last synced: 13 days ago
JSON representation
A simple react modal, dropdown (draggable) npm package.
- Host: GitHub
- URL: https://github.com/swimshahriar/re-modal
- Owner: swimshahriar
- Created: 2021-12-08T07:17:42.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-10-26T18:28:28.000Z (19 days ago)
- Last Synced: 2024-10-26T20:31:46.201Z (19 days ago)
- Topics: draggable, modal, nested-modal, react, react-dropdown, react-modal, react-portal
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/@swimshahriar/re-modal
- Size: 199 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Features
- Supports Nested modal ✅
- Supports draggable dropdown menu ✅
- Style object for styling 🖌
### Support
### Installation
```zsh
npm i @swimshahriar/re-modal
# or
yarn add @swimshahriar/re-modal
```
### Examples
Link: [sandbox](https://codesandbox.io/s/swimshahriar-re-modal-cjbfd?file=/src/App.js)
### Props
| Prop | Type | isRequired |
| ------------- | --------------------------- | ------------------------------ |
| open | boolean | required |
| onClose | function | required |
| type | string ('modal','dropdown') | optional |
| isOverlay | boolean | optional |
| draggable | boolean | optional |
| targetRef | useRef Element | required if type is 'dropdown' |
| style | style object | optional |
| dragAreaStyle | style object | optional |