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

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

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
    }
  ]}
/>