Component

FileUpload

File upload with drag-and-drop support and preview.

tsx

import { FileUpload, AvatarUpload } from 'wss3-forge'

Usage

•

Supports drag-and-drop

•

AvatarUpload for profile pictures

•

Set accept for file type filtering

•

multiple for multi-file upload

Drop files hereor click to browse

image/

Examples

Dropzone (Default)

Drop images hereor click to browse

image/

tsx

1<FileUpload
2  onFilesSelected={(files) => console.log(files)}
3  accept="image/*"
4  label="Drop images here"
5  description="or click to browse"
6/>

Multiple Files

Upload documentsou cliquez pour parcourir

tsx

1<FileUpload
2  onFilesSelected={(files) => console.log(files)}
3  multiple
4  maxFiles={5}
5  label="Upload documents"
6/>

Button Variant

tsx

1<FileUpload
2  onFilesSelected={(files) => console.log(files)}
3  variant="button"
4  accept=".pdf,.doc,.docx"
5/>

Compact Variant

Glissez vos fichiers iciou cliquez pour parcourir

tsx

1<FileUpload
2  onFilesSelected={(files) => console.log(files)}
3  variant="compact"
4  accept="image/*"
5/>

DatePicker

Input

Last updated: December 2025