FAQ

Popover (tooltips, dropdowns, etc)

Our popover components wrap an external library called tippy.js. We recommend going through their documentation if you have trouble using them.

My tooltip does not show up on hover.

This can happen if the child component does not forward its ref (source). It can also happen if the child component is disabled. The workaround is to wrap your content in a div or span.

My tooltip appears cut off!

This can happen due to position: absolute and z-index stacking contexts. By default, the tooltip is appended to the parent container, so it may not always have enough space. The workaround is to use appendTo={() => document.body}.

---