JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <input type="text" />
   <div class="title">Подсказка</div>
</div>

CSS

.wrapper {
    position:relative;
}
.title {
    position:absolute;
    left:0;
    bottom:-35px;
    height:30px;
    width:100px;
    background:grey;
    display:none;
}
input:focus+.title {  
    display:block;
}