COMPONENTE - JDA-FOOTER

#

Introducción

En la Agencia Digital de Andalucía, estamos trabajando en la unificación de estilos y componentes para las webs de la Junta de Andalucía, con el objetivo de proporcionar una experiencia de usuario coherente y homogénea en todas nuestras plataformas digitales. Para lograrlo, hemos adoptado Angular como tecnología base y estamos desarrollando una biblioteca de componentes reutilizables que aseguren un estilo visual y funcional unificado en todos los proyectos.

Este trabajo se basa en el Modelo de Servicios Digitales, que nos guía en el diseño y la implementación de componentes que cumplen con estándares de accesibilidad, usabilidad y eficiencia. Gracias a este enfoque, cualquier proyecto puede integrar fácilmente componentes predefinidos y alineados con las directrices de estilo de la Junta de Andalucía. Puedes explorar el catálogo completo de componentes disponibles aquí.

Componente

El jda-footer es un componente de botón configurable que permite definir su apariencia y comportamiento de acuerdo con las necesidades de la aplicación.

<jda-footer [footerInput]="{
    textoGenral:'TeJA - TRAMITADOR EXPEDIENTES',
    ruta:'/',
    opciones:[
      {descripcion:'AYUDA', icono:'question_answer', ruta:'/ayuda'},
      {descripcion:'CONTACTO', icono:'account_circle', ruta:'/contacto'}
    ]
  }"></jda-footer>

| Nombre del parámetro | Tipo de parámetro | Tipo | Requerido | Descripción | |-------------- |-------------- |-------------- |-------------- |-------------------------------------------------------------------------- | | textoGenral | Input | String | Sí | textoGenral se requiere mostrar el texto de la opción. | | ruta | Input | number | No | ruta se requiere sirve para redireccionar, cuando no se informa opciones. | | opciones | Input | OpcionesFooter | No | Conjunto de opciones para mostrar sub opciones. |

Donde el parámetro OpcionesFooter consta de:

| Nombre del parámetro | Tipo de parámetro | Tipo | Requerido | Descripción | |-------------- |-------------- |-------------- |-------------- |-------------------------------------------------------------------------- | | descripcion | Input | String | Si | descripcion, es requerido cuando se informa opciones y permite mostrar el texto. | | icono | Input | String | No | icono, es requerido cuando se informa opciones y permite mostrar en la opción. | | ruta | Input | String | Si | ruta, es requerido cuando se informa opciones y permite redirrecionar. |

Cómo importarlo en tu proyecto

1. Instalar la dependencia del componente botón usando el siguiente comando: npm install jda-footer.
2. Añadir el componente al módulo correspondiente donde se vaya a usar (import { JdaFooterComponent } from 'jda-footer').
3. Llamar al componente con sus respectivos parámetros para pintarlo en pantalla.