Popover component

A popover gives contextual content without blocking users.


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.


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.