using drag resizer
DESCRIPTION
Adds a drag handle for dom nodes, uses flexboxTRANSCRIPT
-
drag-resizerAdds a drag handle for dom nodes, uses flexbox.
const dragResizer = require('drag-resizer') dragResizer('.container') // dragResizer(document.querySelector('.container'))
Pass the container with the child nodes to be manipulated by the drag handle.
Installation
npm install drag-resizer --save
UsagedragResizer(element, opts)
Creates a new dragResizer for an element with the given options.
type - The type of flexbox (row|column), default type row.lchildNodes - Array of child nodes manipulated by the handle, default immediate child nodes oflthe element.className - Class name for the drag handle.l
demo
To run the demo from source, clone this repo and follow these steps:
git clone https://github.com/vegetableman/drag-resizer.gitcd drag-resizernpm install
## now run the demonpm run example