JSFiddle - React, Tailwind, and code Playground

by mauricev

HTML

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>

   	<meta charset="utf-8">

   	<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
   	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
   	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

   	<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans" />

  	<style>
  	  body {
  	    font-family: "Open Sans";
  	  }
  	</style>

  </head>
  <body class="bg-light">
  	<div class="container">
      <form class="needs-validation" action="" method="post" >
        <div class="row">
          <div class="col-md-8 mb-3">
            <div class="input-group">
              <div class="custom-file">
                <input type="file" class="custom-file-input" id="inputGroupFile01">
                <label class="custom-file-label" for="inputGroupFile01">Choose file</label>
              </div>
            </div>
          </div>
        </div>
    </form>
  </div>
  </body>
</html>