Answer: TailwindCSS classes not able to be chosen with variables with React

Aug 19 '22

I was facing issue when receiving a dynamic color prop that was going to be used as: className={rounded px-4 py-2 text-white bg-${bgColor}-500} in the component.

It was not working properly essentially due to naivety of PurgeCSS.

We have to use a safelist option as per the docs…

Open Full Answer

Top comments (0)

AI Models Struggle to Grasp Basic Social Norms, Scoring 45% vs Humans' 92% in New Study

Mike Young - Mar 4

AI Testing Breakthrough: PhantomWiki Creates Synthetic Wikipedia for Better Model Evaluation

Mike Young - Mar 4

AI Breakthrough Makes Robots Learn Tasks Like Humans - Just By Following Points

Mike Young - Mar 4

Gitcoin: Pioneering Open Source Innovation

JennyThomas498 - Mar 4

DEV Community

Answer: TailwindCSS classes not able to be chosen with variables with React

Top comments (0)

This site is powered by Heroku

Read next

AI Models Struggle to Grasp Basic Social Norms, Scoring 45% vs Humans' 92% in New Study

AI Testing Breakthrough: PhantomWiki Creates Synthetic Wikipedia for Better Model Evaluation

AI Breakthrough Makes Robots Learn Tasks Like Humans - Just By Following Points

Gitcoin: Pioneering Open Source Innovation

Okay