Question: *How do I build a simple tooltip?*

Answer#

Absolute-positioned span revealed by group-hover. undefined

Markup#

html
<span class="group relative">Hover<span class="absolute -top-8 left-1/2 -translate-x-1/2 rounded bg-slate-900 px-2 py-1 text-xs text-white opacity-0 group-hover:opacity-100">Tip</span></span>

Where to go deeper#

Cookbook · Layout patterns · Utilities reference

Tip. This answer targets Nakshora 1.0. The same question is answered version-appropriately in every other release — use the version switcher.