Popover Theming

Theming documentation for Popover component

Styled#

CSS Classes#

List of class names used in the styled mode.

classNamedescription
p-popoverClass name of the root element
p-popover-contentClass name of the content element

Design Tokens#

List of design tokens.

tokenCSS Variabledescription
popover.background
--p-popover-background
Background of root
popover.border.color
--p-popover-border-color
Border color of root
popover.color
--p-popover-color
Color of root
popover.border.radius
--p-popover-border-radius
Border radius of root
popover.shadow
--p-popover-shadow
Shadow of root
popover.gutter
--p-popover-gutter
Gutter of root
popover.arrow.offset
--p-popover-arrow-offset
Arrow offset of root
popover.content.padding
--p-popover-content-padding
Padding of content

Unstyled#

Theming is implemented with the pass through properties in unstyled mode.