> For the complete documentation index, see [llms.txt](https://docs.eridian.xyz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.eridian.xyz/design-dev/designedto.work/drag-lock-direction.md).

# Drag Lock Direction

## Interactive Design

{% embed url="<https://www.designedto.work/design/drag-lock-direction/>" %}

## Code

{% embed url="<https://github.com/EridianAlpha/DesignedTo.Work/tree/main/components/designs/drag-lock-direction>" %}

## Design Notes

* **Controlling drag direction and animation using Motion.** Useful to return an object to a datum position after manipulating.

## Design Ideas

{% hint style="info" %}
**React Bits**

<https://motion.dev/examples/react-drag-lock-direction>

![](/files/EJOLFDUik5co9oB3CDqc)
{% endhint %}