Learn Vue JS course Learn Javascript and Vue JS Learn VueJS course Learn VueJS Tutorial

Build a Drag-and-Drop Trello Board with Vue.js

Vue Draggable Sortable Classes thumbnail image

Get access to the most comprehensive Vue.js video library in the world. Over 300 video lessons including the newest Vue 3 features.

Vue Draggable Sortable Classes

In this lesson, learn how to style the draggable elements based on what point of the drag process they are in. Trello applies a slight tilt to cards when they are being dragged. We can do the same with the sortable-drag class and a transform.