Cephalopod

File Upload

A component for uploading files with drag and drop support.

Single File

Click to upload or drag and drop

Any file type

Multiple Files

Click to upload or drag and drop

Any file type

Images Only

Click to upload or drag and drop

Accepted: image/*

Usage

Code Example
import { FileUpload } from "cephalopod-design-system"

<FileUpload 
  multiple 
  accept="image/*" 
  onFilesChange={(files) => console.log(files)} 
/>