JSFiddle - React, Tailwind, and code Playground

by Jesse Donat

HTML

<input type="file" class="pretty-input">

SCSS

.pretty-input {
  display: inline-block;
  width: 300px;
  height: 100px;
  background: gray;
  padding: 5px;
  border-radius: 7px;
  
  &::before {
    content: 'Drop File Here';
    margin: 25px;
    padding: 5px;
  }
  
  &::file-selector-button {
    display: none;
  }
}