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.