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>