Default

px

			
				<div class="c-file-upload js-file-upload ">
	<label for="input-default-1" class="c-file-upload__label">
		<input type="file" class="c-file-upload__field" id="input-default-1" name="input-default-1" />
		<div class="c-file-upload__custom">
			<div class="c-file-upload__placeholder">
				<span class="c-file-upload__placeholder-text"></span>
				<button class="c-file-upload__delete">
					<div class="c-icon c-file-upload__button__delete-icon">
						<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
							<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0006 9.32006L2.6805 0L0.000334479 2.68017L9.3204 12.0002L0 21.3206L2.68017 24.0008L12.0006 14.6804L21.3198 23.9997L24 21.3195L14.6807 12.0002L23.9997 2.68129L21.3195 0.00112372L12.0006 9.32006Z" />
						</svg>
					</div>
				</button>
			</div>
			<span class="c-file-upload__button">
				Kies een bestand
			</span>
		</div>
	</label>
</div>
			

		

Documentation

Modifiers

States

JavaScript

  • js-file-upload

    This is needed to add to enable the features of the file upload field.