Plugin Tooltip
What's Included
- Free to download & use
- Open for personal & commercial use
Support The Creator
Use one-time or monthly support to thank the creator for this free product.
GrapesJS Compatible
Tested with GrapesJS 0.19.x, 0.18.x, 0.17.x, 0.20.x, 0.16.x
Open Source on GitHub
Free to use, fork, and contribute
Editor Compatible
Designed for the GrapesJS open-source editor
Free to Use
Open for personal and commercial projects
Most tooltip libraries add a runtime dependency to every page you export. This one does not: the component is CSS-only, so the markup GrapesJS produces works on its own with no script attached.
How it works
The tooltip text lives in a data-tooltip attribute and the reveal is handled by the plugin's stylesheet. That keeps exported pages self-contained and makes the tooltip render identically outside the editor.
Options
attrTooltip— the attribute prefix, defaulting todata-tooltip.classTooltip— the class prefix, defaulting totooltip-component.privateClasses— keep the tooltip's own classes out of the Selector Manager so users cannot accidentally restyle the mechanism. On by default.showTooltipOnStyle— force the tooltip visible while it is being styled, so you can see what you are editing. On by default.stylableTooltip— restrict which CSS properties may be changed; pass an array such as['color', 'background-color'].extendTraits— a function receiving the default traits array and returning your own.styleandstyleAdditional— replace or append to the plugin CSS.
Good to know
Install as grapesjs-tooltip. BSD-3-Clause.
Ratings:
No reviews yet. Be the first to share your experience.
Questions & Answers
No questions yet. Have something to ask?
Common problems this plugin can help fix
Real community questions on the same topic — see how others worked around them.