Feature 70 - Drag-and-drop upload with live progressPro
A dashed drop zone above a file list whose progress bars fill and flip to a check, beside copy and a short spec list.
About Feature 70
A dashed drop zone above a file list whose progress bars fill and flip to a check, beside copy and a short spec list.
Feature 70 is a feature block for React and Tailwind CSS, included in Chocolate UI Pro with motion animations that respect reduced-motion settings. It ships as 124 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- upload
- files
- progress
- mock-ui
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add feature-70Dependencies installed automatically: lucide-react, motion.
Uses: reveal, utils.
Usage
import Feature70 from "@/components/blocks/feature-70"
export default function Page() {
return <Feature70 />
}