Divider Theming

Theming documentation for Divider component

Styled#

CSS Classes#

List of class names used in the styled mode.

classNamedescription
p-dividerClass name of the root element
p-divider-contentClass name of the content element

Design Tokens#

List of design tokens.

tokenCSS Variabledescription
divider.border.color
--p-divider-border-color
Border color of root
divider.content.background
--p-divider-content-background
Background of content
divider.content.color
--p-divider-content-color
Color of content
divider.horizontal.margin
--p-divider-horizontal-margin
Margin of horizontal
divider.horizontal.padding
--p-divider-horizontal-padding
Padding of horizontal
divider.horizontal.content.padding
--p-divider-horizontal-content-padding
Content padding of horizontal
divider.vertical.margin
--p-divider-vertical-margin
Margin of vertical
divider.vertical.padding
--p-divider-vertical-padding
Padding of vertical
divider.vertical.content.padding
--p-divider-vertical-content-padding
Content padding of vertical

Unstyled#

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