Data and Tables

2 layouts · 11 components

File Management

Upload queue with working retry and delete, a per-status breakdown, and a filterable file list.

1280px

Files

Upload queue and library in one view

Storage used
26.2 MB
5 files in queue
Completed
2
1 still uploading
In library
5
1 need retry
or drag and drop

.pdf,.csv,.json,.xlsx,.mp4 (max. 50 MB)

  • brand-tokens.json

    180 KB

    Complete
    100%

  • checkout-flow.mp4

    23 MB

    Uploading...
    64%

  • q3-forecast.xlsx

    2 MB

    Uploading...
    0%

  • handover-notes.pdf

    792 KB

    Failed

  • component-audit.csv

    94 KB

    Complete
    100%

Drag files here or browse. Max 50 MB per file.

Queue health

Completed2
40%
Uploading1
20%
Queued1
20%
Failed1
20%

  • brand-tokens.json

    180 KB

    Completed
    100%

  • checkout-flow.mp4

    23 MB

    Uploading
    64%

  • q3-forecast.xlsx

    2 MB

    Queued
    0%

  • handover-notes.pdf

    792 KB

    Failed

  • component-audit.csv

    94 KB

    Completed
    100%

Components used

  • Badge
  • Button
  • Card
  • EmptyState
  • FileListItem
  • FileUpload
  • Heading
  • Input
  • ProgressBar
  • Select
  • Text

Install

npm install @coloxo/ui

The block imports only from @coloxo/ui and lucide-react. Styling uses the package token layer, so no Tailwind setup is required.

All blocksBrowse components