using drag resizer

2
drag-resizer Adds 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 Usage dragResizer(element, opts) Creates a new dragResizer for an element with the given options. type - The type of flexbox (row|column), default type row. childNodes - Array of child nodes manipulated by the handle, default immediate child nodes of the element. className - Class name for the drag handle. demo To run the demo from source, clone this repo and follow these steps: git clone https://github.com/vegetableman/drag-resizer.git cd drag-resizer npm install ## now run the demo npm run example

Upload: vignesh

Post on 06-Nov-2015

216 views

Category:

Documents


3 download

DESCRIPTION

Adds a drag handle for dom nodes, uses flexbox

TRANSCRIPT

  • 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