Docs / Components / File Upload

File Upload

A premium file upload block component with drag-and-drop support, file type automatic detection, and smooth micro-animations for adding/removing files.

Upload Files

Drop file here or browse

PDF, WORD up to 1GB

Dependencies

Install the following dependencies to use this component:

1npm install motion lucide-react clsx tailwind-merge

Installation

Run the following command in your terminal to add the component to your project:

1npx rankflow-ui@latest add file-upload

Props Reference

PropTypeDefaultDescription
classNamestring''Additional CSS classes for the wrapper.