---
nav: 
 title: 组件
 order: 2
group: 其他
title: DragContent
order: 3
toc: content
---

# DragContent 可拉伸容器
* 功能待完善

> 当前仍从包根路径公开导出，但处于实验状态，使用前请验证交互与边界行为。

> 用于可拉伸的页面容器

## 代码演示

### 基本使用
<code title="基础用法"  src="../../src/DragContent/demos/basic.tsx" ></code>

## API
| 参数      | 说明                                      | 类型         | 默认值 | 参考值 |
|----------|------------------------------------------|-------------|-------|-------|
| direction | 设置需要拉动的位置数组 | Array | - | ['left','right','top','bottom'] |
| style | 扩展样式 | Object | - |
| className | 扩展样式类 | String | - |
| moveMaxWidth | 拉动最大宽度 | Number | - |
| moveMaxHeight | 拉动的最大高度 | Number | - |
| dragMouseDown | 鼠标按下函数 | Function | - |
| dragMouseMove | 鼠标移动函数 | Function | - |
| dragMouseUp | 鼠标弹起函数 | Function | - |