using drag resizer

Post on 06-Nov-2015

216 Views

Category:

Documents

3 Downloads

Preview:

Click to see full reader

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

top related