Editor you want to add the tooltip to.
Element for the tooltip.
If false, the tooltip will shrink instead of getting offset to
the left if there's not enough space to the right of the cursor. Defaults to true
.
Show and hide functions.
const [show, hide] = addTooltip(editor, element)
Generated using TypeDoc
Utility making it easy to add tooltips positioned on the cursor to an editor. Before you can show the tooltip, a cursorPosition extension must be added to the editor.
This works by appending your tooltip to a flex container. You can style this container with the selector
.pce-tooltip
if needed. This container is then added to the editor's overlays. It also hasoverflow-x: clip
to prevent your tooltip from overflowing in browsers that support it.If you want your tooltip to always be visible when scrolling horizontally, you can add
position: sticky
along with theright
andleft
CSS properties to it.