A drag-and-drop area with a hidden file input. No external dependencies — uses native HTML5 DnD.
import {FileDropZone} from '@gravity-ui/aikit';
<FileDropZone accept="image/*,.pdf" multiple onAdd={(files) => console.log(files)} />;| Prop | Type | Default | Description |
|---|---|---|---|
accept |
string |
— | Accepted MIME types or extensions (same as <input accept>) |
multiple |
boolean |
true |
Allow picking multiple files |
disabled |
boolean |
false |
Disables interaction |
onAdd |
(files: File[]) => void |
— | Called when files are dropped or picked |
label |
string |
'Drag files here or click to upload' |
Main label text |
hint |
string |
— | Secondary hint text (e.g. accepted formats) |
className |
string |
— | Additional CSS class |