JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
<div class="icon">Test
<aricle class="inner">

Inner Content
</div>

</div>

</div>

CSS

.icon{
  width:100px;
  border: 1px solid black;
}

.inner{
  visibility: hidden;
}

.icon .inner:hover{
  width: 200px;
  visibility:visible;
}