below is how you create a tool tip in tailwind css without any external library.
HTML
Some Nice Tooltip Text
Custom Position (above)
CSS
.tooltip {
@apply invisible absolute;
}
.has-tooltip:hover .tooltip {
@apply visible z-50;
}
This is how it will look; you can customize it as you need.