Popovers

Popovers

Popovers provide richer contextual information than tooltips and can contain a title and body content.

Core concept

Explain initialization, placement, triggers, title/content options, dismissal behavior, and the relationship between the trigger and the popover.

Using it in a real interface

Build an account-help popover that explains password requirements. Explain why popover content should remain short enough to read without turning the component into a hidden page.

Implementation notes

Be careful with dynamically generated HTML content. Treat application data as untrusted and avoid injecting unsafe HTML into popover content.