Draggable

Component ID

2673686

Component name

Draggable

Component type

module

Maintenance status

Development status

Component security advisory coverage

not-covered

Downloads

235

Component created

Component changed

Component body

Draggable

This module provides draggable block functionality for any element on your website. The browsers local storage is used to store any changed element position.

Why use it

Use cases:
- Custom user dashboard.
- Favorites listing.
- Todo listing.
- ..

How do I start

Define your region containing the wanted draggable elements by their CSS class or id. And set the correct permission `use draggable` for every role. That's it, drag-around.

Styling

Styling can be done by overwriting the following classes:
.gu-mirror
.gu-transit
.gu-handle
Have a look at the dragula-custom.css as reference.

Attribution

Draggable is possible by the dragula library.