Titulo
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Si cumples 16 años, diviértete descubriendo lo que Zaragoza tiene para ti.
Ejemplo:
<sede:component fragment="/fragmentos/componentes/card-with-icon" title="Titulo" imgsrc="/cont/vistas/fragmentos/componentes/default.jpg">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</sede:component>
El contenido dentro de las etiquetas <sede:component> se verá reflejado como el contenido de la tarjeta
| Atributo | Descripción | Valor por defecto |
|---|---|---|
| Configuración tarjeta | ||
| clase | Clase HTML - Controlador general del contenedor | 'col-xs-12 col-sm-4 col-md-3 margin-b1em' |
| title | String - Valor del titulo de nuestra tarjeta | ' ' |
| description | HTML / String - Descripción de la tarjeta, toma la misma función que el contenido escrito por dentro de <sede:component> pero este puede recibir variables de thymeleaf como atributo | ' ' |
| showDescription | Boolenan - Definir si la tarjeta debe mostrar su contenido | 'true' |
| cardLink | URL - Enlace al que dirigirá la tarjeta. Si es declarada los botones se desactivan y toda la tarjeta se convierte en un elemento ancla | '#' |
| cardColor | #hex / Color - Color que tomará la tarjeta | ' ' |
| textColor | #hex / Color - Color que tomará el texto de la tarjeta | ' ' |
| border | Boolean - Definir si la tarjeta lleva bordes | 'true' |
| Configuración imagen / icono | ||
| imgsrc | URL - URL de la imagen | '/cont/vistas/fragmentos/componentes/default.jpg' |
| imgRatio | Ratio - Relación de aspecto de la imagen de la tarjeta | 'i1y1' |
| imgAlt | string - Texto alternativo de la imagen | '' |
| icon | Clase Fontawesome - Icono en posicion de imagen | ' ' |
| iconRotate | Number - Rotar el icono | ' ' |
| iconFlipX | Number - Invertir en el eje X | ' ' |
| iconFlipY | Numeber - Invertir en el eje Y | ' ' |