JSFiddle - React, Tailwind, and code Playground

HTML

<label id="mylabel" for="myfile">
     Click Me
     <input type="file" id="myfile" name="myfile" />
</label>

CSS

#myfile {
position: fixed;
top: -100px;
left: -100px;
width: 0.1px;
height: 0.1px;
overflow: hidden;
}
#mylabel {
width: 100px;
height: 20px;
border: 1px solid #000000;
padding:10px;
}