Skip to main content

Example

// That's it. You can use it anywhere.
<ToolTip content={<div>tool</div>}>
    <div style={{ display: "inline-block", margin: "100px 100px" }}>A</div>
</ToolTip>

Note​

  • default background color black
  • default font color white
  • disabled > forceShow
note

Maybe desktop is ok, but mobile is not in some cases. if there are not enough space to show tooltip, it will be shown in the opposite direction or little bit moved automatically to show all contents.