Acordeón histórico

La diferencia entre el acordeón histórico y el acordeón reside en que en este primero, la información que se presenta tiene un orden cronológico y habitualmente está referido a pasos que debe realizar el usuario. Al igual que en el caso del acordeón, puede haber varios elementos desplegados.

Anatomía #

• Título: Describe el contenido del acordeón.
• Subtítulo opcional: Puede incluir texto adicional para describir el contenido.
• Botón: ‘Mostrar/Ocultar’ que hace la acción de abrir y cerrar el contenido.
• Contenido: Es libre pudiendo incluir cualquier otro componentes.
• Líneas de separación: Para aislar el contenido entre acordeones.
• Línea cronológica: Indica el orden de los items y puede transmitir en qué situación o estado se encuentra cada uno de ellos.

Tipos de items #

Item silenciado #

Se muestra de color gris, ya que la información en su interior se encuentra cerrada o expirada.

Item pasado #

Se muestra de color azul, ya que la información se encuentra vigente aunque la persona que lo consulta se encuentre en un item posterior.

Item actual #

Se muestra de color blanco con borde azul, con un tamaño mayor que el resto. También puede encontrarse silenciado. Es la información que al usuario le interesa consultar en el presente.

Item pendiente #

Se muestra de color blanco con borde gris y alberga información posterior al momento actual.