Top
ToolTip - Position & Constrain
ToolTip
Specifies one or more positions that the <Tooltip /> can have relative to target. If more positions are provided, as an array, the tooltip will try them in order, until will find one that fits in constrainTo region or the the viewport by default.
Position is set using two substrings joined by a - character. First substring represents which side of the tooltip should align to which side of the target.
Possible substring values are:
  • tc - top center
  • tl - top left
  • tr - top right
  • rc - right center
  • bc - bottom center
  • br - bottom right
  • bl - bottom left
  • lc - left
There are 4 common predefined aliases for this positions: top,left, right and bottom.
Possible values are:
  • top
    • bc-tc - top
    • bl-tl - top aligned left
    • br-tr - top aligned right
    • br-tl - top left
  • right
    • lc-rc - right
    • tl-tr - right aligned top
    • bl-br - right aligned bottom
    • tl-br - bottom right
  • bottom
    • tc-bc - bottom
    • tl-bl - bottom aligned left
    • tr-br - bottom aligned right
    • tr-bl - bottom left
  • left
    • rc-lc - left
    • tr-tl - left aligned top
    • br-bl - left aligned bottom
Defaults to above values in order.
<Tooltip /> can be constrained to fit inside a region, defined with constrainTo prop.
From the available positions will be selected first that fits into the constrained region.