Átomo Expositivo: Colapsable

Este átomo de Bloom permite desplegar elementos de contenido de manera interactiva. El funcionamiento se compone de un encabezado y un contenido que está oculto inicialmente. Al dar clic en el encabezado, el contenido se despliega.

Ejemplo Contenido Colapsable

Personalización del Átomo:

Las partículas son los atributos del átomo, es decir, las configuraciones disponibles que se pueden personalizar dependiendo del ejercicio que desees realizar. En este caso, el átomo Colapsable tiene una partícula header que es la que se despliega inicialmente, y una partícula content debajo de la misma, que aparecerá después de activar el encabezado.

Para modificar este elemento desde el Markup, esta es la estructura con la que cuenta:

- page:
- Collapse:
header:
- text: La socialización del conocimiento
content:
- text has-text-left: A través de esta actividad, compartimos con los demás nuestra dudas, inquietudes y opiniones. Además, comparamos lo que sabemos y lo que nos interesa y completamos nuestra experiencia con la de los demás.
- Collapse:
header:
- text: Imitación de conductas
content:
- text has-text-left: El aprendizaje por imitación se da cuando encontramos un modelo a seguir que nos resulte útil para nuestros objetivos, un ejemplo de esto es cuando reconocemos las buenas prácticas de una empresa clave en nuestro sector y tratamos de aprender y adoptar las claves de su éxito.


Donde - page: es la página que contiene los átomos, por lo que es necesario incluirlo al principio del Markup.

Un grupo de componentes Collapse tiene independencia entre sí, es decir, se pueden desplegar simultáneamente varios, sin que se cierre el resto de elementos.

Cuida el indentado del Markup para visualizar correctamente la conformación del contenido.

¿Quieres aprender paso a paso? Inscríbete al curso gratuito "Introducción a Bloom" de Yeira Academy

¿Necesitas ayuda? Contacta al Soporte de Yeira en: soporte@yeira.training

¿Aún no tienes cuenta en Yeira? Crea una gratis ahora aquí.
¿Este artículo te resultó útil?
Cancelar
¡Gracias!