Solución Confirmada / clases-dinamicas-fallidas-8w5js

Clases dinámicas no se están generando correctamente

Tailwind CSS JIT

Diagnóstico del error

Cuando se utilizan clases dinámicas en combinación con `@apply`, es común que Tailwind no las reconozca. Esto ocurre porque el analizador no puede verificar las clases en tiempo de construcción si están dentro de una función o como variables.

Fix Sugerido
Usar el siguiente enfoque:

```css
.btn {
  @apply bg-blue-500 text-white hover:bg-blue-700;
}
```
Y luego en el HTML no utilizar clase dinámica como `class="btn-" + status`.

Recursos Premium para Tailwind CSS JIT

Otras consultas relacionadas