Ant Design Draggable Modal：可拖动的Modal组件
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
Ant Design Draggable Modal是一款基于Ant Design框架开发的可拖动模态窗口组件。用户可以通过拖拽来调整弹窗的位置，提供更加灵活和友好的交互体验。
蚂蚁设计可拖动模态Ant Design的模态支持拖动功能。
**特征**
- 使用标题栏进行拖动。
- 通过句柄调整大小。
- 在边界范围内保持位置。
- 拖动过程中维持窗口尺寸。
- 调整大小期间控制窗口布局。
- 窗口大小调整时，确保多个模态的层级管理正确（托管zIndex）。
- 可以从中心打开或指定象限内开启新窗口。
- 使用受控组件提供更佳API支持。
- 改进转义密钥处理机制。
- 通过选项键进行尺寸调节。
**安装**
```bash
yarn add ant-design-draggable-modal
```
注意：必须使用react@16.8.0和react-dom@16.8.0或更高版本。
**用法**
```javascript
import React, { useState, useCallback } from react;
import { Button } from antd;
import { DraggableModal, DraggableModalProvider } from ant-design-draggable-modal;
// 示例代码使用DraggableModal和DraggableModalProvider组件。
```
以上是关于Ant Design可拖动模态的基本介绍。
全部评论 (0)
还没有任何评论哟~
