Document Scanner

Scanning page · 3 / 5
About this piece

Document Scanner

Dark scanner viewfinder with a live chip, page counter, corner guides, shutter, and a captured-pages thumbnail strip.

Usage

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

import { Upload26 } from "@/components/beste/piece/upload26";

<Upload26
  current={3}
  total={5}
  label="Scanning page"
/>

More Upload pieces

View all Upload
Scan the receiptPoint the camera at the total line

Camera Capture

Dark viewfinder mock-up with corner brackets, a live dot, and a large circular capture button.

2026-invoice-batch.pdf12 pages OCR'd · English · auto-detected
96% confident

OCR Result

Post-scan card summarizing pages parsed, language, and an emerald confidence pill with its own bar.

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.

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

Image Preview

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

Attach supporting documents

Compact Attach

Single-line upload affordance with a paperclip icon, prompt copy, and a trailing browse button.

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.