How to use the color palette on react components

Development PatternFly-React
#1

Hi,

This is definitely a beginners question, but here we go:

I want to colorize an single icon with the warning color. I know the all Icons have the color-property, but I don’t know how I can give it the correcty color. Alerts have variants, and I know, that the css variable is “–pf-global-warning-color-200”, but I don’t know how to pass it.

#2

Hey @Sumpfgottheit! You would pass it like this to the color prop:

color="var(--pf-global--warning-color--100)"
#3

Thank you! I knew it should be easy…