Element: #432 Drop zones (foundation/drag-and-drop) What it shows: Task chips dragged from a tray onto weekday drop zones, with a dashed highlight while a chip is over a day. When to use: Scheduling, assigning and filing: any place a loose item is dropped onto a target that is not a sortable list. Spec: - Each chip is `{@attach dnd.draggable(() => ({ id: t.id, label: t.title }))}` on an element with `data-dnd-item` - Each day is `{@attach dnd.dropzone(() => ({ id: day, label: day, onDrop: (e) => drop(day, e) }))}`; the zone is outlined while a chip is over it - Keyboard: Space lifts a chip, the arrows pick the day, Enter drops; the zone name is announced to screen readers Names: Drop zones | Drag onto a day | Calendar drop target | Zonas de soltar | Zonas para soltar Tags: drag, drop, dropzone, calendar, schedule Needs: @codeatlasdev/ui@4.6.0 Components: DndLayer Live demo: https://ui.codeatlas.com.br/docs/foundation/drag-and-drop#drop-zones
{#each days as day (day)}
({ id: day, label: day, onDrop: (e) => drop(day, e) }))}> {day}
    {#each tasks.filter((t) => placed[t.id] === day) as t (t.id)}
  • {t.title}
    • {/each}
{/each}