Customizable, interactive tooltip plugin
Advanced Tooltip - the plugin is based on the tippy.js library.
Tippy.js is the complete solution for the web, powered by Popper.
Tippy.js is a small yet highly customizable JavaScript tooltip library that helps you add customizable, interactive, animated, accessible, touch-friendly tooltips to any DOM element.
It provides the logic and optional styling of elements that "pop out" from the flow of the document and float next to a target element.
- Smart: will always float optimally in view
- Fast: high performance for low-end devices
- Universal: compatible with mouse, keyboard, and touch inputs
- Customizable: fine-tunable functionality and fully stylable with CSS
- Themeable: style via custom CSS, includes extra themes and animations
Key features:
- works with most standard elements (Text, Button, Icon, Image, Group, RepeatingGroup, Input, Dropdown, Checkbox, RadioButtons and others), as well as elements of custom plugins.
- Supports all positions: auto, auto-start, auto-end, top, top-start, top-end, right, right-start, right-end, bottom, bottom-start, bottom-end, left, left-start, left-end
- Custom trigger events: mouseenter, focus, click or manual.
- 5 built-in amazing animations: fade, perspective, scale, shift-toward, shift-away .
-4 built-in themes: light, light-border, material, translucent + custom (allows you to customize the color scheme yourself)
- Allows to embed any HTML markup inside the tooltip.
- Allows multiple tooltips on the same element.
- Allows you to use one plugin element not only with a single element on the page, but also with a group of elements.
- Works in Repeating Group.
- Useful callback functions.