Ant Design Draggable Modal
Example
🌎✨ Features
- Drag with title bar.
- Resize with handle.
- Keep in bounds.
- During drag.
- During resize.
- During resize window.
- Multiple modals with managed
zIndex
. - Open from center.
- Better API for using as a controlled component.
- Open from quadrants.
- Better escape key management.
- Resize with option key.
📦 Install
yarn add ant-design-draggable-modal
NOTE: You must use react@16.8.0
and react-dom@16.8.0
or higher.
🔨 Usage
// DraggableModalProvider manages the zIndex// of DraggableModals rendered beneath it.
⚠️ User Experience Warning
You should probably try to design your app not to need to use this, apps should usually not be window managers.
License
MIT © DylanVann