About this piece
Import Dropzone Card
A dashed dropzone with an upload icon and hint, over a single file row with a live progress bar.
Usage
The import and the props worth knowing about, in one place.
import { Upload32 } from "@/components/beste/piece/upload32";
<Upload32
surface="card"
bordered={false}
inverted={false}
title="Import member records"
hint="Drop a CSV or browse — we map the fields"
file={{
"name": "members_export_2026.csv",
"percent": 72
}}
/>