Folder List

Reorderable folder list with a drag handle, amber folder icon, and an item-count column on the right.

Organize uploads
Brand assets124
Press kit 202638
Product screenshots212
Archive · 202596

New here? Read the installation guide.

Import & use
import { Upload27 } from "@/components/beste/piece/upload27";

<Upload27
  heading="Organize uploads"
  folders={[
    {
      "name": "Brand assets",
      "count": 124
    },
    {
      "name": "Press kit 2026",
      "count": 38
    },
    {
      "name": "Product screenshots",
      "count": 212
    },
    {
      "name": "Archive · 2025",
      "count": 96
    }
  ]}
/>

More Upload pieces

View all Upload
brand-guide.pdf4.2 MB
hero-video.mov
logo-dark.svg18 KB
pricing.xlsx2.1 MB

Multi-File Queue

Stacked upload list with done, uploading, and failed rows each ending in the matching status icon.

2026-msa-final.pdf2.1 MB · Edited 2 hours ago

File Row

File manager row with a rose PDF tile, metadata line, owner avatar, and a more-actions button.

brand-guidelines.pdf12.4 MB · 68%

File Upload Card

File tile with icon, name, size, and an inline progress bar.

keynote-rehearsal.mp4Paused · 212 MB left

Upload Paused

Paused-upload row with an amber Resume button and a static amber progress track matching the state.

project-handoff.zip42 files · 248 MBCompressed from 612 MB · 59% smaller

Archive Bundle

Zip bundle card with an amber archive tile, file count, compressed savings line, and a Download button.

+20
Recent uploads24 items

Upload Stack

Compact upload summary with four overlapping thumbnails, a +N overflow tile, and a total item count.

Markdown version