Toolbar Theming

Theming documentation for Toolbar component

Styled#

CSS Classes#

List of class names used in the styled mode.

classNamedescription
p-toolbarClass name of the root element
p-toolbar-startClass name of the start element
p-toolbar-centerClass name of the center element
p-toolbar-endClass name of the end element

Design Tokens#

List of design tokens.

tokenCSS Variabledescription
toolbar.background
--p-toolbar-background
Background of root
toolbar.border.color
--p-toolbar-border-color
Border color of root
toolbar.border.radius
--p-toolbar-border-radius
Border radius of root
toolbar.color
--p-toolbar-color
Color of root
toolbar.gap
--p-toolbar-gap
Gap of root
toolbar.padding
--p-toolbar-padding
Padding of root

Unstyled#

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