Skip to main content
Popover tokens control the appearance of the Popover component in its content and arrow variants.

Tokens

How to override

Use ThemeProvider to override component tokens for a subtree:
The -hover, -active, and -disabled variants of any token can be overridden the same way. To theme every component at once, override tier-2 semantic tokens instead — see Design Tokens.

Interactive states

Interactive state tokens follow a -hover / -active / -disabled suffix on the base token name. For example, popover.primary.background.color has siblings popover.primary.background.color-hover, ...color-active, and ...color-disabled. The table above surfaces these via the State column.
Last modified on April 21, 2026