SGDS v2.0 is here!
Check out the brand new v2.0 portal or click here for more information

File Upload


Upload files through a file input form element or a placeholder area.


1) Default

<div class="sgds-file-upload">
  <input type="file" name="file" id="file" class="sgds-input-file" data-multiple-caption="{count} files selected"
    multiple />
  <label for="file" class="sgds-file-label">
    <i class="sgds-icon sgds-icon-upload"></i>
    <span>Choose a file...</span>
  <div class="sgds-file-upload-selectedFiles"></div>

Can't find a component?

Let us know what you need and we’ll be happy to look into it

Request component