Tooltips
Tooltips offer additional text information for an element. Unlike popovers, they contain only text and appear on mouseover.
Directional Variants
Points down to trigger
Points up to trigger
Points right to trigger
Points left to trigger
Implementation Snippet
<!-- Text-only tooltip with top direction -->
<div class="tooltip tooltip--top">
<button>Hover Target</button>
<div class="tooltip__content">Contextual text only</div>
</div>