Stable3.58.0View in LexiconCHANGELOG
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.
Copied!
Code Sample (expand to see it)
TooltipProvider
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:
title
is for the tooltip content.data-tooltip-align
is for alignment direction.data-tooltip-delay
is for the delay(ms) before showing the tooltip.
Copied!
Code Sample (expand to see it)
contentRenderer
contentRenderer
prop gives you the ability to format the content passed to the Tooltip via the title
attribute to meet your requirements.
Copied!
Code Sample (expand to see it)