JSFiddle - React, Tailwind, and code Playground

by Dan Atkinson

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="input-group">
  <span class="fa fa-user-circle-o"aria-hidden="true"></span>
  <input type="text" class="form-control" placeholder="Username" />
</div>

CSS

input{
  border:none;
  background-color: transparent;
}

.input-group{
  border: 1px gray solid;
  padding: 10px;
}