1. Docs
  2. Components
  3. Tooltips
Buy Now Contact

Tooltips

Simple CSS-only tooltips.

Tooltip Top Tooltip Right Tooltip Bottom Tooltip Left

<span class="c-badge c-badge--info c-tooltip c-tooltip--top" aria-label="This is a tooltip">Tooltip Top</span>
<span class="c-badge c-badge--info c-tooltip c-tooltip--right" aria-label="This is a tooltip">Tooltip Right</span>
<span class="c-badge c-badge--info c-tooltip c-tooltip--bottom" aria-label="This is a tooltip">Tooltip Bottom</span>
<span class="c-badge c-badge--info c-tooltip c-tooltip--left" aria-label="This is a tooltip">Tooltip Left</span>

Contents: