JSFiddle - React, Tailwind, and code Playground

HTML

<input type="search" class="search-field">

CSS

input.search-field {
width:100px;
transition: all 1s ease-in-out;
}
input.search-field:focus {
width:300px;
}