WarningLegacy version 6 documentation. View current documentation.

DragHandle API

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

Props

Name Type Required Description
className string No A 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>