React-beautiful-dnd: Drag Handles

[AnthonyCrowcroft]

feature request

Looking through the documentation I couldn't find any reference to being able to set up custom drag points (drag handle or move button etc.) and was wondering if that sort of UX is possible or inline with the vision of this library.

[bmueller-sykes]

You can do custom drag handles:

https://github.com/atlassian/react-beautiful-dnd#example-custom-drag-handle

[alexreardon]

Thanks @bmueller-sykes !

[borodayev]

Have you removed that example? Because, I cannot find it :(

[borodayev]

@bmueller-sykes , have you an example now?

[borodayev]

I've found it in course here: https://egghead.io/lessons/react-designate-control-of-dragging-for-a-react-beautiful-dnd-draggable-with-draghandleprops

Thank you, @alexreardon for your great work!

[alexreardon]

All good - i was going to post that 👍

[haatchi]

The yolk essence of the egghead: move {...provided.dragHandleProps} into your drag handle:

<div className='mydraghandle' {...provided.dragHandleProps}></div>