Overlays

Overlays offer an option for providing more information when space is limited.

Because overlays are activated on hover or touch, they should be used sparingly. Tooltips are used for short labels, like in a data visualization, while popovers can provide a longer description.

Orientation

Popover and Tooltip orientation is dependent on the placement on the page. The default is to open below the anchor point, with a centered carrot. If the anchor point is near the edge of the page, the orientation and carrot placement change accordingly.