Static tooltips (beta)

Tooltips that appear on one side of an element.

From the demo above
Downloadchevron-right
circle-exclamation

Setup

First, you'll need to load the .JS and .CSS files. Place these lines somewhere between the <head> and </head> tags:

Usage

There are three things you need to add to your element for a tooltip to appear.

  1. class=give-static-tooltip (this is configurable to anything, in the options).

  2. data-tooltip="Text", where "Text" is whatever you want to be displayed inside the tooltip. You can technically use HTML in here, but it might look a little funky.

  3. data-tooltip-side="x" , where "x" is one of: top, right, bottom, left.

For example:

This is all you need to add tooltips to your site!

circle-info

If you encounter any issues, leave a post herearrow-up-right.

Last updated

Was this helpful?