Bootstrap File Input
<div className="mb-3">
<label for="formFile" className="form-label">Default file input example</label>
<Form.Control type="file" id="formFile"/>
</div>
<div className="mb-3">
<label for="formFileMultiple" className="form-label">Multiple files input
example</label>
<Form.Control type="file" id="formFileMultiple" multiple=""/>
</div>
<div className="mb-3">
<label for="formFileDisabled" className="form-label">Disabled file input
example</label>
<Form.Control type="file" id="formFileDisabled" disabled=""/>
</div>
<div className="mb-3">
<label for="formFileSm" className="form-label">Small file input example</label>
<Form.Control className="form-control-sm" id="formFileSm" type="file"/>
</div>
<div>
<label for="formFileLg" className="form-label">Large file input example</label>
<Form.Control className=" form-control-lg" id="formFileLg" type="file"/>
</div>
Filepond:
Multiple Upload
Single Upload
Dropzone