Forms · Application UI
Drop zone
Drag-and-drop file/media upload with drag-over and rejected-file states, image preview thumbnails or a file list, and size variants.
@byronwade/foundation@byronwade/button@byronwade/utils
Feature showcase
Installation
Features
6 examples
Default, Disabled, Error, File List, Single, Sizes.
API
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/button | registry | Installed through the byronwade/ui registry. |
| @byronwade/utils | registry | Installed through the byronwade/ui registry. |
Source and related
| File | Path |
|---|---|
| Component | registry/ui/drop-zone.tsx |
| Default example | content/examples/drop-zone/default.tsx |
| Disabled example | content/examples/drop-zone/disabled.tsx |
| Error example | content/examples/drop-zone/error.tsx |
| File List example | content/examples/drop-zone/file-list.tsx |
| Single example | content/examples/drop-zone/single.tsx |
| Sizes example | content/examples/drop-zone/sizes.tsx |