<div class="file-upload--dark">
<input type="file" class="file-upload__file-input" accept=".csv" disabled>
<div class="file-upload__drop-box state-initial">
<div class="file-upload__drop-box-prompt">
<span class="file-upload__drop-box-prompt-icon"></span>
<span class="file-upload__drop-box-prompt-text">Datei hier ablegen oder</span>
<span class="file-upload__browse-files-link"> <a href="#" class="button-icon--text-regular" data-file-upload-link="true">
auswählen
</a>
</span>
</div>
</div>
</div>
{% include '@SharedComponents/modules/shared/components/form-components/file-upload/file-upload.twig' %}
{
"variant": "dark",
"accept": ".csv",
"fileName": "File.csv",
"dragHereText": "Datei hier ablegen oder",
"browseFileButton": {
"variant": "text-regular",
"title": "auswählen",
"icon": "",
"type": "a",
"href": "#",
"attributes": {
"data-file-upload-link": true
}
},
"uploadingInProgressText": "Laden...",
"uploadingSuccessText": "Hochgeladen",
"uploadingFailedText": "Fehlgeschlagen",
"message": {
"variant": "warning",
"isHidden": true,
"message": "Fenster bitte nicht schliessen. Der Upload kann einige Minuten dauern.",
"spacing": false
},
"loadingSpinner": {
"variant": "small",
"centerVertical": true,
"centerHorizontal": true,
"colorVariant": "warning"
},
"uploadingState": "initial",
"disabled": true
}
import './file-upload.scss';
import FileUpload, {selector as sel} from 'cando-cx-components-library/components/modules/shared/components/form-components/file-upload/file-upload';
export default FileUpload;
export const selector = sel;
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/form-components/file-upload/file-upload";
No notes defined.