Jaisocx Tooltip
The Tooltip sites ui tool is able to do this:
- The tooltip is placed near the event target the right way.
- Easy theming via css variables, and the css file has very few css code lines.
- The tooltip, and when many tooltips on the page, too, can hide after a timeout.
- The tooltip class can have other html inside.
Example script
<script>
const tooltipDarkmode = new Tooltip();
tooltipDarkmode
.setEventTargetSelector( "#tooltip-event-trigger" )
.setCssClasses( "shown_effect_minimize_and_fadeIn with-transition" )
.setHtml ( "Hello World!" )
.render();
</script>