Please wait...

Popover

Basic Examples

Basic Usage

Click below button to toggle popover:

Directions

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

Dismiss on next click

Use the focus trigger to dismiss popovers on the next click that the user makes.
Dismissible popover

Advanced Examples

HTML Content

Insert HTML into the popover:

Offset

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

Skin

Use data-skin="light" or data-skin="dark" parameters to set popover 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
2:30PM
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.
3:15PM
M
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