Overview
A modern file upload component featuring a 3D card effect, drag-and-drop functionality, and a responsive grid background pattern. Perfect for creating engaging file upload experiences.Usage
Components
FileUpload
TheFileUpload component serves as a wrapper for the file upload effect. It manages mouse events to create a 3D perspective.
Props
| Prop Name | Type | Default | Description |
|---|---|---|---|
class | String | - | Additional classes for styling the container element. |
Events
| Event Name | Type | Description |
|---|---|---|
onChange | (files: File[]) => void | Callback function triggered when files are added/uploaded. |
FileUploadGrid
TheFileUploadGrid component provides the background grid pattern for the file upload area. It is intended to be used within a FileUpload component to create the visual grid effect behind the upload interface.
Props
| Prop Name | Type | Default | Description |
|---|---|---|---|
class | String | - | Additional classes for custom styling. |
Credits
- Credits to kalix127 for porting this component
- Inspired by AcernityUI