fileUploads
Upload with three states in one row
A single row covers all three endings of an upload and the bar is what tells them apart: green and full when done, ink and half way when still in flight, and NO bar at all when it failed. The fill moves with scaleX from the left edge, never with width, and the dropzone toggles between a centered and a row layout.
See it live and copy its promptWhat you can adjust
- Card background
- Track color
- Completed color
- Failure color
- Text color
- Bar height
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
