Placement

Type String
Available options one of
"auto",
"top", "top-start", "top-end",
"right", "right-start", "right-end",
"bottom", "bottom-start", "bottom-end",
"left", "left-start", "left-end"
Default "auto"

Determines where the hovercard should be displayed. Default value "auto" will place it on the first placement fully within viewport, starting from “top”, clockwise (in the same order as in table above).

Note that if the hovercard placement option takes it out of the viewport, another placement option within viewport will be used, matching "auto" behavior.

In case of overflow, if "auto" placement is not ideal, you can provide fallbacks by passing a coma separated chain of placements, like "top, bottom" (space not required). You can provide up to 4 fallbacks, and it will ultimately fall back to "auto" if hovercard is still overflowing viewport.