How can be customized file input label and placeholder in react-bootstrap?

177 views Asked by At

I try to customize a file input's label and placeholder in react-bootstrap but cannot find a way to do it.

In the react-bootrap docs, there is nothing about customization: https://react-bootstrap.netlify.app/docs/forms/form-control/#file-input

neihter in the bootstrap 5 docs: https://getbootstrap.com/docs/5.0/forms/form-control/#file-input

I also found this: React-Bootstrap Form.File and bs-custom-file-input. Can't get label to change

but I don't want to use another library if it is possible. ( And it is for bootstrap 4.)

This is my code:

<Form.Group className="mb-3" controlId="formFile">
  <Form.Label>Kép</Form.Label>
  <Form.Control ref={fileRef} type="file"/>
</Form.Group>
0

There are 0 answers