TailwindCSS — избежать очистки генеративных классовCSS

Разбираемся в CSS
Ответить
Anonymous
 TailwindCSS — избежать очистки генеративных классов

Сообщение Anonymous »

Я хотел бы запретить Tailwind удалять некоторые классы. Они генерируются в компоненте, например.
className=`text-${size}`

Tailwind не знает, что это приведет к text-sm, text-base и text-lg, даже если size переменная является объединением
type Size = "sm" | "base" | "lg";

Можно ли добиться этого, не используя полные классы в другом месте кода?
Единственное решение, которое мне удалось найти:
const sizeClass = size === "sm" ? "text-sm" : size === "lg" ? "text-lg" : "text-base";
(...)
className={sizeClass}


Подробнее здесь: https://stackoverflow.com/questions/790 ... ve-classes
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»