JSFiddle - React, Tailwind, and code Playground

by Sudipta Das

HTML

<input id="searchbox" placeholder="Enter Catalog # " type="text" class="loading" />
<br />
<br />
<input id="searchbox" placeholder="Enter Catalog # " type="text" class="loading" style="width:300px" />
<br />
<br />
<input id="searchbox" placeholder="Enter Catalog # " type="text" class="loading" />

CSS

input {   
    padding: 10px;
    width: 250px;
}

.loading {    
    background-color: #ffffff;
    background-image: url("http://loadinggif.com/images/image-selection/3.gif");
    background-size: 25px 25px;
    background-position:right center;
    background-repeat: no-repeat;
}