Basic Examples

Basic Usage

Click below button to toggle tooltip:


Four direction options are available: top, right, bottom, and left aligned:

Dismiss on next click

Use the focus trigger to dismiss tooltips on the next click that the user makes.

Advanced Examples

HTML Content

Insert HTML into the tooltip:


Offset of the tooltip relative to its target. For more information refer to Tether's offset docs.


Use data-skin="light" or data-skin="dark" parameters to set tooltip skin. Default skin is light.
Megan wrote
Hi Bob. What time will be the meeting ?
Hi Megan. It's at 2.30PM
Megan wrote
Will the development team be joining ?
Yes sure. I invited them as well
Megan wrote
Noted. For the Coca-Cola Mobile App project as well ?
Yes, sure.
Please also prepare the quotation for the Loop CRM project as well.
Megan wrote
Noted. I will prepare it.
Thanks Megan. I will see you later.
Megan wrote
Sure. See you in the meeting soon.
General Settings
Email Notifications
Site Tracking
SMS Alerts
Backup Storage
Audit Logs
System Settings
System Logs
Error Reporting
Applications Logs
Backup Servers
Audit Logs