# Create a Client-Side Drag and Drop in Phoenix LiveView

**URL:** <https://forum.codeselfstudy.com/t/create-a-client-side-drag-and-drop-in-phoenix-liveview/2555>\
**Category:** General Discussion\
**Tags:** elixir\
**Created:** [January 28, 2021, 12:02am UTC](https://forum.codeselfstudy.com/t/create-a-client-side-drag-and-drop-in-phoenix-liveview/2555 "2021-01-28T00:02:05Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Josh](https://forum.codeselfstudy.com/user_avatar/forum.codeselfstudy.com/josh/32/4_2.png) [@Josh](https://forum.codeselfstudy.com/u/Josh)\
**Post date:** [January 28, 2021, 12:02am UTC](https://forum.codeselfstudy.com/t/create-a-client-side-drag-and-drop-in-phoenix-liveview/2555/1 "2021-01-28T00:02:05Z")

</div>

This LiveView tutorial was in an #elixir newsletter this morning.

> **[Create a Client-Side Drag and Drop in Phoenix LiveView](https://www.headway.io/blog/client-side-drag-and-drop-with-phoenix-liveview)**
>
> In this tutorial, learn how to add SortableJS to a Phoenix LiveView project to implement a drag and drop interaction and make client-side drag and drop event data available to a server-side Phoenix LiveView using hooks.