26 lines
761 B
Plaintext
26 lines
761 B
Plaintext
component DragAndDrop {
|
|
props {
|
|
@event dragStart = function
|
|
@event dragEnd = function
|
|
@event dragEnter = function
|
|
@event dragLeave = function
|
|
@event drop = function
|
|
@event change = function
|
|
size = "default"
|
|
color = "primary"
|
|
title = "Drag And Drop"
|
|
description = ""
|
|
items = []
|
|
variant = "default"
|
|
class = ""
|
|
}
|
|
view {
|
|
<section class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--drag-and-drop wire-next--variant-{variant} {class}">
|
|
{#if title}<strong>{title}</strong>{/if}
|
|
{#if description}<p>{description}</p>{/if}
|
|
{#if items}<div class="wire-next__items">{#each items as item}<span>{item.label}</span>{/each}</div>{/if}
|
|
<slot />
|
|
</section>
|
|
}
|
|
}
|