Data input

File upload

Themed file picker with drag-and-drop, multi-file list, per-row progress, image previews, and rejection.

Import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjFileUploadComponent } from '@kouji-ui/components';

Loading editor

Drop files hereImages or PDFs — drag from your file manager or use the button below

show dropzone

dropzone label

multiple

max files

image preview

disabled

<kj-file-upload
  kjAccept="image/*,.pdf"
  kjDropzoneLabel="Drop files here"
  [kjMaxFiles]="5"
/>