Image Row

Compact image file row with a square warm gradient preview and a filename plus dimensions line.

Image Row
brand-hero.jpg2400 × 1600 · 1.4 MB

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

Import & use
import { Upload23 } from "@/components/beste/piece/upload23";

<Upload23
  filename="brand-hero.jpg"
  dimensions="2400 × 1600"
  size="1.4 MB"
  imageSrc="https://images.unsplash.com/photo-1773414001281-7e1cadd04a79?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHw2Mnx8fGVufDB8fHx8fA%3D%3D"
/>