Popover component

A popover gives contextual content without blocking users.

Structure

A popover can be triggered by any type of buttons to display a small overlay with contextual content.

The position of the overlay can be adjusted based on parent element and its size vary with the content.

Behavior

When users click on the button, a small overlay shall appear with information/tips about the element.

By clicking on the button or anywhere outside the overlay, it should disappear.