Primitive

Upload field

Upload stack primitive for drop targets, queued rows, and media width kinds.

UploadField owns upload layout and sizing only. Dropzone owns the target, UploadItem owns rows, and higher-level components own file state.
form
DOM renderImage render
Upload fieldDefault
Upload filesDrop files or choose from disk.Choose files
Q2_report.pdf2.4 MB - PDF
source_packet.csv64%

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Standard file upload stack.
Upload filesDrop files or choose from disk.Choose files
Q2_report.pdf2.4 MB - PDF
source_packet.csv64%
Render state

File

Standard file upload stack.
Upload filesDrop files or choose from disk.Choose files
Q2_report.pdf2.4 MB - PDF
source_packet.csv64%
Render state

Avatar

Compact media upload stack.
Upload imagesDrop references or choose from disk.Choose images
profile-reference.pngAvatar - 840 KB
Render state

Grid

Media upload stack with grid queue intent.
Upload imagesDrop references or choose from disk.Choose images
interface-reference.png840 KB
flow-detail.png64%
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
display'stack' | 'grid'stackQueue display contract.
kind'file' | 'single' | 'grid' | 'avatar'fileUpload layout width contract.