Tooltip Component
The Tooltip component is a user interface element that provides additional information about a UI element when a user hovers over, focuses on, or taps that element.
Tooltip
<a href="#" class="tooltip" data-tooltip="This is tip">I'm a link</a>
<a href="#" className="tooltip" data-tooltip="This is tip">I'm a link</a>
You can customize the tooltip text by editing the data-tooltip attribute
Tooltip Bottom
<a href="#" class="tooltip tooltip-bottom" data-tooltip="This is tip">I'm a link</a>
<a href="#" className="tooltip tooltip-bottom" data-tooltip="This is tip">I'm a link</a>
Tooltip Left
<a href="#" class="tooltip tooltip-left" data-tooltip="This is tip">I'm a link</a>
<a href="#" className="tooltip tooltip-left" data-tooltip="This is tip">I'm a link</a>
Tooltip Right
<a href="#" class="tooltip tooltip-right" data-tooltip="This is tip">I'm a link</a>
<a href="#" className="tooltip tooltip-right" data-tooltip="This is tip">I'm a link</a>
Tooltip Branding
<a href="#" class="tooltip tooltip-right" data-tooltip="This is tip">I'm a link</a>
<a href="#" className="tooltip tooltip-right" data-tooltip="This is tip">I'm a link</a>