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ú

Menu

MenuItemBody

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 {...}​