0.1.1 • Published 2 years ago
drag-division v0.1.1
DragDivision
分割拖拽组件,可上下方向分割拖拽,左右方向分割拖拽,可十字交叉垂直与水平方向双向拖拽 注意:容器层本身继承父节点的宽高,父节点或者容器层本身的宽高不能变化,否则会影响拖拽效果布局
Install
npm i drag-division
Usage
import { DragDivision } from "drag-division";
function App() {
return (
<DragDivision
topNode={<div className="topDiv">123</div>}
bottomNode={<div className="bottomDiv">456</div>}
topMinHeight={"20%"}
bottomMinHeight={"30%"}
topHeight="30%"
// divisionDirection="horizontal"
// leftNode={<div className="topDiv">123</div>}
// rightNode={<div className="bottomDiv">456</div>}
// leftWidth="30%"
// leftMinWidth={"20%"}
// rightMinWidth={"30%"}
/>
);
}
License
MIT License (c) 刘善保
0.0.20
2 years ago
0.1.0
2 years ago
0.1.1
2 years ago
0.0.19
2 years ago
0.0.15
2 years ago
0.0.16
2 years ago
0.0.17
2 years ago
0.0.18
2 years ago
0.0.14
2 years ago
0.0.13
2 years ago
0.0.12
2 years ago
0.0.11
2 years ago
0.0.10
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago