Drag & drop your file here
…or click “Choose file”
Accepted: image/*
InfoCard
Überblick
mmm-file-uploader ist eine schmale Komponente zum Hochladen von Dateien.
Inputs
| Input | Typ | Beschreibung |
|---|---|---|
headline | string | Überschrift über der Dropzone |
accept | string | Typ von Datei, der hochgeladen werden kann (default ‘image/*‘) |
disabled | boolean | Deaktivieren der Eingabe |
uploading | boolean | Wert zum Steuern des Ladestatus bei Dateiupload |
imageUrl | string | Bild für Vorschau nach Dateiupload |
previewAlt | string | Alternativtext für Vorschaubild |
supportingText | string | Name des Icon-Sets, Standard ist ultra |
errorMessage | string | Name des Icon-Sets, Standard ist ultra |
allowClear | boolean | |
placeholderIcon | string | Iconname aus dem Iconset |
Outputs
| Output | Typ | Beschreibung |
|---|---|---|
clearClicked | EventEmitter<void> | Leeren des Inputs |
fileSelected | EventEmitter<File> | Auswählen einer Datei |
SCSS-Variablen
Wichtige Variablen:
--mmm-file-uploader-dropzone-color--mmm-file-uploader-dropzone-border-color--mmm-file-uploader-dropzone-background-color--mmm-file-uploader-dropzone-focus-ring-color--mmm-file-uploader-error-color
Beispiel
<mmm-file-uploader (fileSelected)="onFileSelect($event)"></mmm-file-uploader>