I would like to prevent Tailwind from purging some classes. They are generated in the component eg.
className=`text-${size}`
Tailwind does not know it will result in text-sm
, text-base
and text-lg
even if size
variable is a union of
type Size = "sm" | "base" | "lg";
Is it possible to achieve that without using full classes elsewhere in the code?
The only solution I managed to find is:
const sizeClass = size === "sm" ? "text-sm" : size === "lg" ? "text-lg" : "text-base";
(...)
className={sizeClass}