<div class="fr-upload-group">
    <label class="fr-label" for="file-upload">Ajouter des fichiers
        <span class="fr-hint-text">Taille maximale : 500 Mo. Formats supportés : jpg, png, pdf. Plusieurs fichiers possibles. Lorem ipsum dolor sit amet, consectetur adipiscing.</span>
    </label>
    <input class="fr-upload" type="file" id="file-upload" name="file-upload">
</div>

<div class="fr-upload-group fr-input-group--error">
    <label class="fr-label" for="file-upload-with-error">Ajouter des fichiers
        <span class="fr-hint-text">Taille maximale : 500 Mo. Formats supportés : jpg, png, pdf. Plusieurs fichiers possibles. Lorem ipsum dolor sit amet, consectetur adipiscing.</span>
    </label>
    <input class="fr-upload" aria-describedby="file-upload-with-error-desc-error" type="file" id="file-upload-with-error" name="file-upload-with-error">
    <p id="file-upload-with-error-desc-error" class="fr-error-text">
        Format de fichier non supporté
    </p>
</div>

<div class="fr-upload-group">
    <label class="fr-label" for="file-upload-multiple">Ajouter des fichiers
        <span class="fr-hint-text">Taille maximale : 500 Mo. Formats supportés : jpg, png, pdf. Plusieurs fichiers possibles. Lorem ipsum dolor sit amet, consectetur adipiscing.</span>
    </label>
    <input class="fr-upload" multiple type="file" id="file-upload-multiple" name="file-upload-multiple">
</div>