ES Drager
Getting Started
Rotation
ES Drager provides built-in rotation functionality that can be enabled with a single prop.
Basic Rotation
Enable rotation by setting the rotatable prop. A rotation handle will appear above the element:
Rotate me!![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%233b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/></svg>)
Drag the rotation handle above the element to rotate it.
Initial Rotation
You can set an initial rotation angle using the rotation prop (in degrees):
45° Rotation
Rotation Events
Track rotation changes using the onRotate event handler:
Check console
Open your browser's console to see the rotation angle being logged.
Combined with Dragging
Rotation works seamlessly with dragging and other features:
Drag & Rotate