Tooltips are a quick way to provide extended information on a term or action on a page.

The tooltips can be positioned on the “ bottom“, which is the default position, “ top” (hehe), “ left“, or “ right” of the target element. You can even add your own custom class to style each tip differently. On a small device, the tooltips are full-width and bottom aligned.


LSQBtooltip title="I'm on top with round corners" corners="round" direction="top" custom_class="your_custom_class"]top[/tooltip]

Sass Errors? If the default “foundation” import was commented out, then make sure you import this file:

@import "foundation/components/tooltips";

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>