Menú de segundo nivel
Ejemplo:
<sede:component
fragment="/fragmentos/componentes/menu-segundo-nivel"
title="Título de sección"
showTitle="true"
json="{'data' :
[
{
'name': 'item',
'link': '...'
},
{
'name': 'item',
'link': '...'
},
{
'name': 'item',
'link': '...'
}
]
}">
</sede:component>
| Globales | ||
|---|---|---|
| Atributo | Descripción | Valor por defecto |
| title | String - Titulo de sección donde se encuentra este menú | '' |
| showTitle | Boolean - Habilitar el titulo o no. Por defecto no se muestra y solo es visible para lectores de pantalla | 'false' |
| msnColor | #hex / color - Color que tomará el menú en activo | '#e81b16' |
| hrClass | Clase HTML - Agregar una clase para poder modificar el estilo del divisor | ' ' |
| clase | Clase HTML - Clase arbitraria para modificar los espaciados del menú | 'padding-t1em padding-b0em margin-b1em' |
| linksRebase | Boolean - en caso de que el menú contenga demasiados items podemos usar esta propiedad para que no entren en conflicto con la imagen si esta se encuentra definida | 'false' |
| displayBorder | Boolean - Definir si debe mostrarse un borde en el menú. Ejemplo: Escuelas infantiles - familias | 'false' |
| borderPosition | left / top / right / bottom - Definir a que lado del menú se colocará el borde. (Si se deja vacio) | 'bottom' |
| borderSize | Number - Ancho (en píxeles) del borde definido | '5' |
| bgColor | #hex - Color que tomará el fondo del menú. Este no deberá afectar a los contrastes con los elementos del menú | '' |
| intNav | Boolean - En caso de que la estructura de la página no lo permita, esta opción permite utilizar el menú como navegación interna para cambiar entre "Tabs".
Esto no es recomendado por cuestiones de usabilidad. Si es posible reestructurar la página debería hacerce |
'false' |
| imgsrc | URL - En caso de que sea necesaria una imagen en el menú, esta puede definirse con esta propiedad. Ej: Portal Info joven | ' ' |
| imgClass | String - Control de la imagen del menú | ' ' |
| imgStyle | String/CSS - en caso de necesitarlo podemos modificar los estilos de la imagen por este medio | ' ' |
| imgFit | cover / contain - Definir como encajará la imagen en su contenedor | 'contain' |
| imgAlt | String - Texto alternativo de la imagen | '' |
| json[data] | ||
|---|---|---|
| Key | Descripción | Valor por defecto |
| Name | String - Nombre del enlace del menú | ' ' |
| link | URL - Definir la URL del enlace | '#' |