The default tooltip tags do not have much custom data. They let you select the position and the width, but you have to manually change the CSS if you want them styled differently.
For example, you might want a CSS arrow added to the tooltip which appears above the tooltip element. This is fairly simple to create but you’ll need to scour the Wenk stylesheet to find the exact CSS class to extend.
Here’s a sample of some default code for Wenk tooltips:
<!-- example of Wenk tooltip appearing on the right -->
<span data-wenk="I'm to the right!" data-wenk-pos="right">
Wenk to the right!
The main Wenk landing page includes live demos that you can test by hovering. These are the most basic tooltips you’ll get but they’re perfect for a library that weighs less than a kilobyte.
One major thing to consider is browser support. All versions of Chrome and Firefox should work fine. Same with Opera 12+ and Opera Mini v8+. But IE8 and IE10 seem to have trouble rendering these tooltips. Thankfully, their market share is dropping fast but it’s something to consider before using.
I’m still amazed how much you can do with so few KBs. The Wenk library is a testament to modern frontend development and it shows that a little can go a long way.
You can dig through the entire sourceon GitHub, along with live demos and code snippets to set up & create these tooltips for your own site.