react-drag-resize-pane

react-drag-resize-pane Components build with react

Installation

With npm:

If React is not installed

npm install react react-dom --save 
npm install react-drag-resize-pane --save 

With React Installed

npm install react-drag-resize-pane --save

Example

We will add several examples to the documentation. Here is the first one to get you started now:

<div id="wan_pane">
    <DraggablePane
        title={<div>自定义标题</div>}
        style={{ width: "300px", height: "300px", zIndex: "110", right: "0px", top: "0px" }}
        containerId={"wan_pane"}
        onClose={(ev) => { console.log(ev); }}
        arrowDrag={true}
        arrowClose
        arrowResize
    >
         This also can be content.
    </DraggablePane>
</div>
 
 

Contributing

We hope you like it.

0.0.4