UNPKG

qt-public-ui

Version:

新设计规范下业务组件库

35 lines (27 loc) 868 B
- 安装 ``` tnpm i --save @ali/draggable-drawer ``` - 属性 扩展原 antd drawer 功能,原组件参数参考:[https://ant.design/components/drawer-cn/#API](https://ant.design/components/drawer-cn/#API) ```js { dragRange?: [number, number]; // 在浏览器可视区域内的拖拽范围比例,取值 0-1,默认[0.2, 0.8], initialWidth?: number; // 设置初始宽度, 原组件 width 属性不生效,默认 256 (同antd) initialHeight?: number; // 设置初始高度, 原组件 height 属性不生效,默认 256 (同antd) } ``` 注:初始值经计算超出拖拽范围时不生效,以最小宽度为初始值 - 使用 ```js import { DragDrawer } from '..'; export default () => ( <DragDrawer visible placement="right" initialWidth={400} > <p>Some content in drawer...</p> </DragDrawer> ); ```