HTML
            


            
PUG
            
.form-group-version2
  .wrapper-label.-upload-label
    .field-label
      label(role="button" tabindex="0")
        | Importez vos fichiers
        span.sr-only
          span Formats autorisés : .jpg, .jpeg, .png, .pdf 
          span Taille maximale autorisée : 30Mo
          span#uploaded-files1 Deux fichiers sélectionnés
      
  .field-item.-upload-version2
    .wrapper-input    
      input#elemFile(type='file' multiple='true' tabindex="-1" aria-hidden="true")
      .wrapper-upload-content(aria-hidden="true")
        i.maificon.maificon-upload
        span Vous pouvez déposer un fichier ici 
          br 
          | ou
        span.button.-secondary Importer un fichier
        span.constraints 
          span Formats autorisés : .jpg, .jpeg, .png, .pdf 
          span Taille maximale autorisée : 30Mo
    ul.file-list(aria-label="Liste des fichiers envoyés")
      li.file-list-item
          .wrapper-header
            i.maificon.maificon-pdf(aria-hidden="true")
            .wrapper-text
              a.extend-link.filename(href="#upload-version2") nomdufichier.pdf
                span.filesize 159 Ko
          button.chip.-icon(type='button' data-toggle='modal' data-target='#modal-inline-1')
            i.maificon.maificon-trash(aria-hidden="true")
            span.sr-only Supprimer le fichier nomdufichier.pdf
      li.file-list-item
          .wrapper-header
            i.maificon.maificon-pdf(aria-hidden="true")
            .wrapper-text
              a.extend-link.filename(href="#upload-version2") nomdufichier.pdf
                span.filesize 159 Ko
          button.chip.-icon(type='button' data-toggle='modal' data-target='#modal-inline-1')
            i.maificon.maificon-trash(aria-hidden="true")
            span.sr-only Supprimer le fichier nomdufichier.pdf


br
.documentation-space
br


.form-group-version2.has-error
  .wrapper-label.-upload-label
    .field-label
      label#upload-error-message(for='file2' role="button" tabindex="0")
        | Composant Upload erreur fichier envoyé
        span.sr-only
          span Formats autorisés : .jpg, .jpeg, .png, .pdf 
          span Taille maximale autorisée : 30Mo
          span#uploaded-files2 Deux fichiers sélectionnés
  .field-item.-upload-version2
    .wrapper-input    
      input#file(type='file' multiple='true' aria-describedby="field-text-2-help-input" tabindex="-1" aria-hidden="true")
      .wrapper-upload-content(aria-hidden="true")
        i.maificon.maificon-upload
        span Vous pouvez déposer un fichier ici 
          br 
          | ou
        span.button.-secondary Importer un fichier
        span.constraints 
          span Formats autorisés : .jpg, .jpeg, .png, .pdf 
          span Taille maximale autorisée : 30Mo
      .help-block
        p(id='field-text-3-help-block') Message d'erreur
    ul.file-list(aria-label="Liste des fichiers envoyés")
      li.file-list-item
          .wrapper-header
            i.maificon.maificon-pdf(aria-hidden="true")
            .wrapper-text
              a.extend-link.filename(href="#upload-version2") nomdufichier.pdf
                span.filesize 159 Ko
          button.chip.-icon(type='button' data-toggle='modal' data-target='#modal-inline-1')
            i.maificon.maificon-trash(aria-hidden="true")
            span.sr-only Supprimer le fichier nomdufichier.pdf
      li.file-list-item
          .wrapper-header
            i.maificon.maificon-pdf(aria-hidden="true")
            .wrapper-text
              a.extend-link.filename(href="#upload-version2") nomdufichier.pdf
                span.filesize 159 Ko
          button.chip.-icon(type='button' data-toggle='modal' data-target='#modal-inline-1')
            i.maificon.maificon-trash(aria-hidden="true")
            span.sr-only Supprimer le fichier nomdufichier.pdf