Examples

Components Popover

Overview API Examples Style Tokens

Basic usage

Negative mode

The Popover component supports a negative mode, suitable for areas with dark background.

Position

When showing a Popover, you can decide where it should be displayed relative to its trigger.

Hiding the Close button

You can hide the Close button displayed automatically in the Popover.

Hiding the Tip

You can hide the tip that points to the trigger of the Popover.

The Popover component comes with three built-in navigation modes: Modal, Non-modal and Non-modal with focus guidance.

Matching the anchor size

You can set the Popover to match its anchor size.