KB-106 · INTAKE/TRAY

Intake Tray

Files land, physically — dropped files fall into the tray with a squash, shingle into a stack, fill their gauge rings, and slide to the processed rail.

KB-106 · INTAKE/TRAY

Processed

Drag files anywhere onto the plate

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/intake-tray

Props

onFiles: (files: File[]) => void; default —; Receives each accepted batch.
accept / maxFiles: string / number; default — / 6; Accepted types hint and tray capacity.
simulate: boolean; default true; Hash-driven demo progress; the JSDoc documents wiring real uploads.
ref: Ref<IntakeTrayHandle>; default —; Imperative addFiles() for programmatic intake.

Prop	Type	Default	Description
onFiles	(files: File[]) => void	—	Receives each accepted batch.
accept / maxFiles	string / number	— / 6	Accepted types hint and tray capacity.
simulate	boolean	true	Hash-driven demo progress; the JSDoc documents wiring real uploads.
ref	Ref<IntakeTrayHandle>	—	Imperative addFiles() for programmatic intake.