Popover

Source: Figma — Lexicon Components. White card, padding 12/16, rounded 4, drop shadow. Optional header (title + close), divider line, and a body paragraph or arbitrary content.

Title only — short body

Popover

This is a regular length text for the popover to show how the information is displayed.

Title + close — common length

Popover With Close Button and Two Lines Header

This is a common length of text for the popover to show how the information is displayed.

Scrollable body

Popover With Scrollbar

This is a very long text example to show how the popover will grow to display the information required to inform users.

Sometimes, to display all the content you might need to include a scrollbar, the popover provides that option by default.