ConfirmDialog Theming

Theming documentation for ConfirmDialog component

Styled#

CSS Classes#

List of class names used in the styled mode.

classNamedescription
p-confirmdialogClass name of the root element
p-confirmdialog-trigger-buttonClass name of the trigger button element
p-confirmdialog-iconClass name of the icon element
p-confirmdialog-messageClass name of the message element
p-confirmdialog-close-buttonClass name of the close button element
p-confirmdialog-action-buttonClass name of the action button element

Design Tokens#

List of design tokens.

tokenCSS Variabledescription
confirmdialog.icon.size
--p-confirmdialog-icon-size
Size of icon
confirmdialog.icon.color
--p-confirmdialog-icon-color
Color of icon
confirmdialog.content.gap
--p-confirmdialog-content-gap
Gap of content

Unstyled#

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