Asset Upload

Asset Upload provides a stylized component for file upload button.

Default Asset Upload

<div class="fd-asset-upload">
    <input type="file" id="asset-upload" class="fd-asset-upload__input"/>
    <label for="asset-upload" class="fd-asset-upload__label">
        <span class="fd-asset-upload__text">Upload Link</span>
        <span class="fd-asset-upload__message">Maximum file size is 100MB</span>
    </label>
</div>

Asset Upload with no message

Optional message can be excluded by removing the span tag containing fd-asset-upload__message class.

<div class="fd-asset-upload">
    <input type="file" id="asset-upload" class="fd-asset-upload__input"/>
    <label for="asset-upload" class="fd-asset-upload__label">
        <span class="fd-asset-upload__text">Upload Link</span>
    </label>
</div>

Asset Upload with no icon

Add the modifier class fd-asset-upload--no-icon to supress the upload icon.

<div class="fd-asset-upload fd-asset-upload--no-icon">
    <input type="file" id="asset-upload" class="fd-asset-upload__input"/>
    <label for="asset-upload" class="fd-asset-upload__label">
        <span class="fd-asset-upload__text">Upload Link</span>
    </label>
</div>