Upload filesDrag or choose a research artifact.
Default
Passive upload target.
/render statePrimitive
Dropzone
Dashed upload target primitive with active, disabled, icon, and descriptive states.
Dropzone is a visual target and label surface. Product code or a higher-level upload component owns file transport and storage.
Upload filesDrag or choose a research artifact.
Playground
Props in the URL.
Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.
Loading playground.
States
Rendered matrix.
Every state maps to the same render route through the `state` query param.
Upload filesDrag or choose a research artifact.
Active
Drag-over state.
/render stateUpload imagesDrag or choose a research artifact.
Image
Image-specific icon and copy.
/render stateUpload filesFile input is locked.
Disabled
Locked upload target.
/render stateProps
Public contract.
| Name | Type | Default | Description |
|---|---|---|---|
title | ReactNode | Upload files | Primary drop target label. |
description | ReactNode | - | Secondary drop target copy. |
icon | IconName | upload | Glyph shown in the circular affordance. |
active | boolean | false | Highlights drag-over state. |
disabled | boolean | false | Locks the target visually and functionally. |