TooltipBox

It creates a tooltip-ready element

Props

NameTypeDescription
tooltip
unionThe tooltip content.
children
nodeIt's the element that triggers the visibility of the tooltip.
show
enumthe direction of the tooltip ['right'] (if not indicated pops from the bottom).
type
enumthe type of the tooltip box ['info']
className
string

TooltipBox

Hover me :)
Hello! I am a tooltip
<TooltipBox tooltip="Hello! I am a tooltip"> Hover me :) </TooltipBox>

TooltipBox - Node

Hover me :)
    Hello!
  • I am
  • a
  • tooltip
<TooltipBox tooltip={<ul>Hello!<li>I am</li><li>a</li><li>tooltip</li></ul>}> Hover me :) </TooltipBox>

TooltipBox - show right

Hover me :)
Hello! I am a tooltip
<TooltipBox show="right" tooltip="Hello! I am a tooltip" > Hover me :) </TooltipBox>

TooltipBox Info

Hover me :)
Hello! I am a tooltip
<TooltipBox tooltip="Hello! I am a tooltip" type="info" > Hover me :) </TooltipBox>