# File dropzone

A generous target for dropping one or more files.

- ID: `file-dropzone`
- Import: `animui/file-dropzone`
- Category: Inputs
- Runtime exports: `FileDropzone`, `default`, `formatFileSize`
- Declaration: `types/free/components/file-dropzone.d.ts`
- Type provenance: emitted-original-typescript
- Related: progress, input, empty-state

```tsx
import { FileDropzone } from 'animui/file-dropzone';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info file-dropzone` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { FileDropzone, default, formatFileSize } from '../registry/components/file-dropzone/file-dropzone.js';
export type { FileDropzoneItem, FileDropzoneProps, FileDropzoneStatus, FileDropzoneUpload } from '../registry/components/file-dropzone/file-dropzone.js';
```