Skip to main content

DragHandle API

<DragHandle> renders a DOM element that the mouse can grab to move the toolbar around the screen.

Props​

NameTypeRequiredDescription
classNamestringNoA list of class names to apply to the element, separated by spaces.

Usage Example

Here's how <DragHandle> is used in the toolbar in hte seed project:

<ToolbarShell>
<ToolbarSection>
<DragHandle />
...
</ToolbarSection>
...
</ToolbarShell>

<DragHandle> will accept child components which will override the default icon, e.g.

<DragHandle>
<div className="your-custom-class" />
</DragHandle>