elbe/ui

File Upload

Open in

File upload component built with Angular Primitives. Drag and drop, multi-file selection, and image previews.

About

This component uses Angular Primitives File Upload directive for trigger and dropzone.

You need to setup Angular Primitives in your project. Install npm install ng-primitives.

Examples

Avatar

Open in

Dropzone

Open in
Drop your image here or click to browse
Max size: 5 MB

Dropzone + Button Trigger

Open in
Drop your image here
Max size: 5 MB

Dropzone Only

Open in
Drag and drop your image here
Max size: 5 MB

File Upload

Open in
Upload your CV
PDF · Max size: 5 MB

Attachment List

Open in
Upload files
All filesMax 10 filesUp to 5 MB each

Image Grid

Open in
Upload files
Images onlyMax 10 filesUp to 5 MB each

Attachment Grid

Open in
Upload files
All filesMax 10 filesUp to 5 MB each