How they help
Popovers allow you to present extra information or options without taking up permanent space on the screen, keeping the UI clean and uncluttered. They can also help highlight important elements on the page and provide user guidance.
Example of popover
Anatomy
- Beak: Triangle that points to the element being clicked
- Container: overlay that holds content
- Content area: Replaceable content for popover
Visual reference for anatomy