ToolTip - Target & Content
A <Tooltip /> can be shared between multiple elements when target is a general css selector.
Or can serve a single element when target is a unique element selector, or the element is its direct parent and target is not required at all.
Tooltip can get its content in the following ways:
  • Tooltip children:
    • React.node - any valid jsx
    • Fn(childrenParams): React.Node - any valid jsx, childrenParams has the following keys:
      • targetNode: DOMElement - element that matches target prop
      • visible: Bool - whether the Tooltip is visible
  • data-tooltip: String (valid HTML) - If children are not set, it will render the data-tooltip attribute set on target. data-tooltip can be an HTML string.