Feature request: allow for separate drag handle

Environments

• Framework name: React
• Framework version: 16.10.2
• Moveable Component version: 0.19.1
• Testable Address(optional): N/A

Description

As per title, would be great if the drag handle can be a separate element, like:

<div class="panel"> // this can accept other things like resize, rotate etc.. 
    <div class="header">HEADER</div> // ... but this is the only element which can accept drag
    <div class="content">CONTENT</div>
</div>

Visually, something like this

I’m quite sure a lot of people will appreciate this, as I believe many of us use this library to build some sort of multi panel / tab / window application on the web.

Thank you!

[iprasadg]

Yes seperate drag handle will be very helpful and user friendly. #148

[isteven]

Hi @daybrush,

Thank you! I will try in the next few days.

To use it in the React version, is it like this?

render() {
    return (
        <Moveable
            target={document.querySelector(".target")}
            dragTarget={document.querySelector(".otherTarget")}
            ...
            ...
        />
    )
}