Image Preview

Image Preview
brand-hero.jpg2400 × 1600 · 1.4 MB
About this piece

Image Preview

Uploaded-image card with a dashed crop overlay on a gradient placeholder and rotate, crop, delete tools below.

Usage

The import and the props worth knowing about, in one place.

import { Upload18 } from "@/components/beste/piece/upload18";

<Upload18
  filename="brand-hero.jpg"
  dimensions="2400 × 1600"
  size="1.4 MB"
  imageSrc="https://images.unsplash.com/photo-1776757845431-87e426f718a4?w=300&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHw2Nnx8fGVufDB8fHx8fA%3D%3D"
/>

More Upload pieces

View all Upload
Add a cover imageRecommended 1600 × 600, up to 4 MB

Cover Uploader

Gradient banner placeholder that prompts a cover image with size hint and inset dashed border.

Video Preview
0:42
launch-teaser.mp454 MB

Video Preview

Uploaded-video card with a play button over a dark thumb, duration badge, and a filename footer.

brand-guidelines.pdf12.4 MB · 68%

File Upload Card

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

Crop Frame1200 × 630

Crop Frame

Minimal crop overlay on a small square image with corner marks and an output-size chip.

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

Image Row

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

Drag files to uploador click to browse your device

Drop Zone

Dashed upload surface centered on a cloud icon, with headline, subtitle, and a select button.