useDnR Playground

👋 Drag & ↔️ Resize me!

Position: 50, 50

Size: 200 x 150

Active

Event Log:

No events yet

Basic Configuration

Disable All

Disable Drag

Disable Resize

Lock Aspect Ratio

Use Container

Resize Configuration

Handle Type

BordersVisible HandlesCustom Handles

Handles Size

4820

Enable Min Width

Minimum Width

50100300

Enable Min Height

Minimum Height

50100300

Enable Max Width

Maximum Width

200500800

Enable Max Height

Maximum Height

200400800

Drag Configuration

Use Grid

Drag Axis

BothX OnlyY Only

Scale Factor

0.512

Position Configuration

Position Type

AbsoluteRelative

Activation Configuration

Activation Mode

No ActivationClick to ActivateHover to Activate

Prevent Deactivation

API Reference

For complete API documentation of the useDnR hook, please refer to the useDnR API Documentation.