Drag and drop files here or click to browse

Max size: 10MB

Live Config Editor

llm.txt

 
// 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';
    };
}

Variant

Size

Border Radius

Border Style