JB Framework

Files (JS)

Upload Remove

Upload Remove

Upload Remove

<p class="file-upload">
    <span class="file-upload__field">
        <input class="file-upload__input" type="file">
        <span class="file-upload__fake postfix-container">
            <input class="file-upload__filename" disabled type="text" value="Select a file">
            <button class="file-upload__button button--postfix" disabled type="button">Upload</button>
        </span>
    </span>
    <button class="file-upload__remove button--close" type="button" style="display:none">Remove</button>
</p>

<p class="file-upload">
    <span class="file-upload__field">
        <input class="file-upload__input" disabled type="file">
        <span class="file-upload__fake postfix-container">
            <input class="file-upload__filename" disabled type="text" value="Select a file">
            <button class="file-upload__button button--postfix" disabled type="button">Upload</button>
        </span>
    </span>
    <button class="file-upload__remove button--close" type="button" style="display:none">Remove</button>
</p>

<p class="file-upload invalid">
    <span class="file-upload__field">
        <input class="file-upload__input" type="file">
        <span class="file-upload__fake postfix-container">
            <input class="file-upload__filename" disabled type="text" value="Select a file">
            <button class="file-upload__button button--postfix" disabled type="button">Upload</button>
        </span>
    </span>
    <button class="file-upload__remove button--close" type="button" style="display:none">Remove</button>
</p>