Cards
Card define al elemento que involucra información dentro de una caja (contenedor), la cual genera interacción. Es flexible y extensible dependiendo de la información que se muestre en ella. En la principal vista donde podemos ver cards es en el home. Las clases principales para el uso de cards son 3: shaded-container, thumbnail-container y translucent-container, más el uso de las clases auxiliares de bootstrap para el espaciado.
Tipos de cards:
Card de gráfico: shaded-container
Características principales: utiliza fondo blanco, sombra y es de un tamaño mediano.
Casos de uso: estadística con gráfico y sin interacción.
Card con botón: shaded-container
Características principales: lo mismo que la card anterior pero tiene un botón con acción principal y/o secundaría, y puede contener tags, títulos, etc.
Casos de uso: tutorías ya realizadas y recomendaciones.
Matemática
Ecuaciones de segundo grado
Card con ícono: shaded-container
Características principales: lo mismo que la card anterior pero tiene un ícono con una acción secundaría, y puede contener tags, información detallada, entre otras.
Casos de uso: próximas tutorías.
Lenguaje y Comunicación
Tutoría: Lectura Comprensiva
21/05/2023
11:50 h
Card con imagen miniatura: thumbnail-container
Características principales: lo mismo que la card anterior pero tiene un botón con acción principal y/o secundaría, y contiene una imagen miniatura, tags, títulos, etc.
Casos de uso: tutorías ya realizadas y recomendaciones.
Matemática
Ecuaciones de segundo grado prueba mayo
Card de datos: translucent-container
Características principales: utiliza fondo transparente, texto blanco y es de un tamaño pequeño.
Casos de uso: estadística sin gráfico ni interacción.