
Adquiere este curso para tener acceso a todas las lecciones
Comprar curso44. Directiva @class
En este capítulo, aprenderás cómo utilizar la directiva @class en Laravel 10. La directiva @class se utiliza para agregar clases CSS dinámicamente a elementos HTML en tus vistas.
1 comentarios
Inicia sesión para comentar
Comentarios:
-
Victor Arana Flores hace 6 días Destacado
La directiva @class es una característica útil en Laravel 10 que te permite agregar clases CSS dinámicamente a elementos HTML en tus vistas. Esto es especialmente útil cuando deseas agregar o eliminar clases basadas en ciertas condiciones o estados en tu aplicación.
Para utilizar la directiva @class, debes especificar una cadena de clases CSS separadas por espacios como argumento de la directiva. Luego, puedes utilizar la sintaxis de Blade para condicionar la inclusión de ciertas clases basadas en el estado de tu aplicación.
Aquí hay un ejemplo básico de cómo utilizar la directiva @class:
<div class="@class(['bg-red', 'text-white' => $isActive])"> ... </div>
En este ejemplo, la clase "bg-red" siempre se incluirá en el elemento HTML. Además, la clase "text-white" solo se incluirá si la variable $isActive es verdadera. Puedes agregar tantas clases como necesites y utilizar la sintaxis de Blade para agregar condiciones adicionales.
También puedes utilizar la directiva @class en conjunto con otras directivas de Blade, como @if y @unless, para agregar o eliminar clases basadas en condiciones más complejas.
En resumen, la directiva @class es una herramienta poderosa para agregar clases CSS dinámicamente en tus vistas en Laravel 10. Utiliza esta característica para mejorar la legibilidad del código y personalizar la apariencia de tus elementos HTML basados en el estado de tu aplicación.