JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="heading">
    <input type="text">
    <i>fwef</i>
</div>
<button>sad</button>

CSS

.heading {
    display: flex;
    justify-content: flex-end;
}
input {
   transition: .6s;
   width: 200px;
}
input.active {
    width: 250px;
}

JavaScript

$('button').click(function(){
	$('input').toggleClass('active')
})