Q: How do I make hover-only elements discoverable? — Nakshora 2.0

How do I make hover-only elements discoverable? — answered for Nakshora 2.0 with working markup and the reasoning behind it.

Question: *How do I make hover-only elements discoverable?*

Answer#

Pair group-hover reveals with focus variants and always-visible affordances on touch. undefined

html

<a class="group">Item <span class="opacity-0 group-hover:opacity-100 group-focus-within:opacity-100">→</span></a>

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