Conditional styling of custom component

[tdhi]

Hi all,

I have a few dropdown inputs with a few choices each. Each choice has an assigned point value. After the user completes the form input and selects one of the choices, the point value will become visible to the right of the dropdown.

Is there a way to change the color of my rectangle (grouped with the text of the point value) based on the input? For instance, Green for 25 points, and Yellow for 10 points, and Red for 0 points?

[tdhi]

[PaulDJ87]

Currently I think the only way would be to have three different text areas and to change the visibility to only show at the set number of points. I think conditional formatting is on the roadmap States | Voters | Adalo