FileUpload

A drag-and-drop + click file field. Drop files (or Browse), then see them listed with size, an image thumbnail, a remove ×, and an optional Progress bar. Manages selection (bind:files); the upload is yours. Wears FieldChrome; composes Button + Progress.

Multiple + progress

0 file(s) selected.

Attachments

Drop files here or

Images, PDF or text · up to 5 MB each.

<script>
  import { FileUpload } from '@spaethtech/svelte-ui';
  let files = $state([]);
</script>

<FileUpload bind:files multiple accept="image/*,.pdf"
  maxSize={5 * 1024 * 1024} label="Attachments" />

Single, images only

Avatar

Drop files here or