File upload

A File uploader allows users to upload single or multiple files by dragging and dropping them on an area on the page, or by clicking/tapping to browse their devices. Users can also remove files one at a time and see thumbnails of the added pictures.

Default

Default configuration of the file upload component

Single file

Configured to only accept a single file

Multiple files

Configured to accept multiple files, in this mode you have the option to granularly remove files before uploading them

Long filename

This example demonstrates how long filenames are handled

Dark mode

How the component looks in dark mode

Right to left

How the component renders in right to left mode