Overview

tng-file-upload is a file upload control that implements ControlValueAccessor. It supports drag-and-drop, click-to-browse, accept, multiple, and optional title / subtitle. Form value is File[] | null.

CVA Drag & drop accept / multiple Slot hooks Standalone
Reactive Forms

Quick example

Basic
HTMLTSCSS

<form [formGroup]="form">
  <tng-file-upload formControlName="files" />
</form>
Upload files
Drag & drop here or click to browse

Features

accept / multiple

Use accept (e.g. "image/*") and [multiple]="true" for multi-file selection.

Value: File[] | null

Form value is an array of File objects or null. List and clear are built-in.

Slot hooks

slot keys: container, dropzone, title, subtitle, fileList, fileItem, clearButton.