Popover

Small
Medium
Large

A popover is a small surface that appears when someone interacts with a component to give nonessential, contextual information without blocking them.

Popovers can have structured content and interactive components. If you need to show a more complex layout or block the page behind, try a dialog. For unstructured plain text, try a tooltip.

Recently viewed
FY24 Team Charter
You recently opened this
1:1 Sam • Niala recap
You recently opened this
Marketing Budget Q4
You opened this yesterday
FY24 Team Charter
You recently opened this
FY24 Team Charter
You recently opened this
FY24 Team Charter
You recently opened this
Copy me
Your apps
Expand the App Launcher to see all of your Microsoft 365 apps
1 of 6
Next
Popover
Default
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
Inverted
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT
SWAP WITH CONTENT COMPONENT