Circular avatar with a dark camera button on the corner that invites a new profile photo.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Upload5 } from "@/components/beste/piece/upload5";
<Upload5
imageSrc="https://images.unsplash.com/photo-1668262958669-f29c727d5a74?w=200&auto=format&fit=crop&q=90"
alt="Profile photo"
initials="BS"
caption="Change profile photo"
tone="primary"
/>Dark viewfinder mock-up with corner brackets, a live dot, and a large circular capture button.
Single-line upload affordance with a paperclip icon, prompt copy, and a trailing browse button.
Gradient banner placeholder that prompts a cover image with size hint and inset dashed border.
Dashed upload surface centered on a cloud icon, with headline, subtitle, and a select button.
Success confirmation row with an emerald border, corner check overlay on the file tile, and an Open button.
Interrupted-upload card with an amber state, half-filled bar, resume byte offset, and a Resume button.