Menu
El menú es parte del layout default e involucra los siguientes componentes:
/components/dna/layouts/AppSideMenu.vue
/components/dna/layouts/MenuItem.vue
/components/dna/layouts/MenuItemBody.vue
AppSideMenu
Este componente es el bloque que contiene todo el menú lateral y es usado directamente por layout default, tiene el id #sidebar-wrapper para modificar su estilo por css.
MenuItem
Este componente representa a cada ítem de nivel 1 del menú, puede tener 2 comportamientos: tanto como ítem simple como también agrupador de submenú con items de nivel 2. Este comportamiento está definido por el archivo de configuración de menú
MenuMenuItemBody
Este componente da la estructura a cada ítem de menú, es usado tanto por items de nivel 1 como por items de nivel 2. para diferenciar el estilo de cada uno se usan los selectores css:
#side-menu .menu-item-body {...}
#side-menu .dna-submenu .menu-item-body {...}Última actualización