Introducing PrimeReact v11-alpha 🎉Discover Now

Label Theming

Theming documentation for Label component

Styled#

Label CSS Classes#

List of class names used in the styled mode.

classNamedescription
p-labelClass name of the root element

Design Tokens#

List of design tokens.

tokenCSS Variabledescription
label.gap
--p-label-gap
Gap of root
label.font.size
--p-label-font-size
Font size of root
label.font.weight
--p-label-font-weight
Font weight of root
label.text.color
--p-label-text-color
Text color of root
label.disabled.opacity
--p-label-disabled-opacity
Disabled opacity of root

Unstyled#

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