VerticalDraggableList

Drag all over me.

Example

Business name
Product Name
Progress
Rating

Props

    🕹ī¸ standard props
    items
    { id: string; name: string; }[]
    An array of draggable items.
    []
    class
    string
    Additional CSS classes for item containers.
    ''
    🎨 style props
    --vertical-draggable-list-item-padding
    size
    Defines the row padding.
    8px

Slots

    itemSnippet
    Custom rendering snippet for each draggable item.
    Default content:
    {item.name}
    Available variables:
    NameTypeDescription
    item{ id: string; name: string; }The item being rendered.

Events

    onchangeOrder
    Triggered when the order of items changes.
    AttributeTypeDescription
    items{ id: string; name: string; }[]The updated list of items in the new order.