Popover
An overlay for larger amounts of data.
Overview
A popover is an overlay that appears above page content and can contain formatted text. Popover appears when rolling over, clicking, or tapping an element.
Guidelines
Its content can be structured with a title and paragraphs, and placement can be customized.
Limit the use of popovers, as they can become overwhelming.
When to use
When you need to display additional content to give more context to users.
When this additional content is longer than one sentence or needs to be formatted.
When not to use
For smaller overlays. Use tooltip instead.
Content
Popover content should follow our content guidelines.
Last updated