UI - Popover
About
A popover is a overlay graphic element
- that shows up (pops) over the actual graphic elements
- when the user makes an active action on an interactive/control element such as:
- typing in a input box (search box)
- or clicking a button
- that allows interaction with its content
It's associated to the interactive element and appears then near it.
An arrow generally points to the interactive/control element.
A tooltip is a sort of popover but it does not:
- requiert an active interaction (based on the mouse position)
- allow interaction with its content (the tooltip goes away when the mouse goes away)
Library
With javascript, the popper library helps you create popover.