2.10 #Molecules.File-Upload File Upload
Custom file upload for the forms.
Example
Markup: scss/styleguide/molecules/file-upload/file-upload.html
<div class="container app-body">
<div class="row">
<div class="col-lg-7 form__container">
<form>
<div class="form-item form-type-managed-file form-item-file">
<label for="file-upload">File</label>
<div class="form-managed-file">
<input type="file" id="file-upload" name="files[file]" size="22" class="form-file">
<input class="button form-submit" type="submit" id="file-upload-button" name="file_upload_button" value="Upload">
<input type="hidden" name="file[fids]">
</div>
<div class="description">
<div id="edit-file--description" class="webform-element-description">
One file only.<br>100 MB limit.<br>Allowed types: pdf, png.
</div>
</div>
</div>
</form>
</div>
</div>
</div>
Source:
../client/scss/styleguide/molecules/file-upload/_file-upload.scss, line 1