Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProDragging files over the window shows a full-page drop target with a clear message, dropping adds them to the list, dragging non-files is ignored, and a keyboard-accessible button does the same. Use this when the whole screen should accept files, like a file manager or an inbox.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Adding files is the main job of the page, so the whole window should be the target.
Do not use it when: On pages where dropping a file elsewhere would be a mistake, keep the target small.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Description |
|---|---|---|
onFiles | (files: File[]) => void | Called with each batch of dropped or chosen files. |
aria-hidden, pointer-events: none); a status region says "Drop files anywhere to add them." while dragging. The overlay does not rely on color alone: it is a thick dashed border with text.The pattern ships with a Testing Library test (drag-over-page-dropzone.test.tsx) that covers: its main behaviour, the keyboard path and the error or empty states.