Draggable

A wrapper component around Vue Draggable that makes any list of items sortable via drag and drop.

Source code

Click to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

npx ui-thing@latest add draggable

Press the Meta key (Command on Mac, Windows key on Windows) while dragging to clone an item.

Items will be moved

Drag handle	Name	Country	Phone	Email	Table actions

Drag and drop to reorder rows

Divider

A horizontal line to separate content. Similiar to the Seperator component, but with items in the middle.

Drawer

A drawer component that can be used as a Dialog replacement on tablet and mobile devices.