'Tailwind mixed classes with utility classes

Is there a chance I can mix using Tailwind's utility (inline) classes with the JavaScript styles/classes module?

<div className={ classes.preference }>

together with:

<div className="bg-grey-light h-screen">
javascriptcssreactjssass


Solution 1:[1]

You can use template literals to concatenate constants and variables.

Example:

<div className={`bg-grey-light h-screen ${classes.preference}`}>
  ...
</div>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Tarek Hammami

Related Questions