Dokumente

Upload und Verarbeitung sind sichtbar simuliert. Dateien verlassen den Browser nicht und werden nicht gespeichert.

Dropzone mit Validierung

Komposition

Dateien hierher ziehen

PDF, JPG, PNG oder DOCX · max. 10 MB

Fiktive Demo-Dateien (sofort wählbar)

Import

import { UploadDropzone, useUploadQueue } from "@/components/compositions/file-upload"

Basis: button, lib/upload

Verwendung

Dateizeile mit Fortschritt, Fehler und Retry

Komposition

Noch keine Dokumente

Wähle oben eine Demo-Datei.

Import

import { UploadItemList } from "@/components/compositions/file-upload"

Basis: item, progress, spinner, status-badge

Verwendung

Zustände: Hochladen (Prozent) → Verarbeitung (Spinner) → Fertig, oder Fehler mit „Erneut versuchen“.
Metadaten: Typ, Größe, Datum.

Attachment

shadcn/ui · attachment

Demo-Mietvertrag.pdf482 KB

Demo-Grundriss.pngLädt … 40 %

Demo-Scan.pdfZu groß (14,5 MB)

Import

import { Attachment, AttachmentMedia, AttachmentContent } from "@/components/ui/attachment"

Verwendung