How to use the color palette on react components


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.

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


Thank you! I knew it should be easy…