Simplest way of using Tooltip is by leveraging it's
show prop and specifying
alignPosition to determine it's position relative to the element it's aligned to.
If you have multiple Tooltips on the page, TooltipProvider allows you to only have to instantiate the component once and simply provide html attributes to the elements that need tooltips.
By using the
<TooltipProvider> it allows you to add the desired tooltip content on each element as a data attribute.
Here's a list of html attributes that you can provide to children elements of the TooltipProvider:
titleis for the tooltip content.
data-tooltip-alignis for alignment direction.
data-tooltip-delayis for the delay(ms) before showing the tooltip.
contentRenderer prop gives you the ability to format the content passed to the Tooltip via the
title attribute to meet your requirements.