Drag and drop files here or click to browse
Max size: 10MB
// installation
npm install @tsahil01/file-upload
// basic usage
import { FileUpload, UploadConfig } from "@tsahil01/file-upload";
const config: UploadConfig = {
variant: 'button',
size: 'md',
allowMultiple: false,
maxSizeInMb: 10,
accept: ['image/*', '.pdf'],
label: { button: 'Choose File', dropZone: 'Drop files here' }
};
<FileUpload config={config} onUpload={(files) => console.log(files)} />
// config interface
interface UploadConfig {
variant: 'button' | 'dragDrop' | 'preview' | 'compact';
size: 'xs' | 'sm' | 'md' | 'lg';
allowMultiple: boolean;
maxSizeInMb: number;
accept: string[];
label: { button: string; dropZone: string; };
theme?: {
radius?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
borderStyle?: 'solid' | 'dashed' | 'dotted' | 'double';
bgTheme?: 'dark' | 'light';
};
}