Topbar

Topbar es parte del layout default e involucra los siguientes componentes:

/components/dna/layouts/AppNavbar.vue
/components/dna/layouts/ProfileMenu.vue
/components/dna/layouts/ToggleSideMenu.vue

AppNavbar

Este componente es el bloque que contiene toda la barra superior y es usado directamente por layout default, tiene el id #dna-topbar para modificar su estilo por css.

ToggleSideMenu

Este componente es básicamente el botón para ocultar y mostrar el menú lateral, contiene el botón y la lógica.

ProfileMenu

Este componente es el dropdown en el que usualmente se ubican las opciones de perfil, sesión.