Menu

/config/menu.js

Este archivo define la estructura del menú lateral de la aplicación, abstrayendo la definición del menú del diseño, la lógica y la estructura.

Ejemplo

export const menu = [
  { label: 'Dashboard', link: '/backoffice', navTitle: 'Dashboard' },
  { 
    label: 'Usuarios', 
    link: '/backoffice/users', 
    navTitle: 'Usuarios',
    icon: 'users'
  },
  {
    label: 'Dev tools',
    childs: [
      {
        label: 'Formularios',
        link: '/dev/forms',
        navTitle: 'Formularios DNA',
      },
      {
        label: 'Tabla',
        link: '/dev/table',
        navTitle: 'Tablas DNA',
      },
      {
        label: 'Carga masiva',
        link: '/dev/massive',
        navTitle: 'Cargar datos',
      },
      {
        label: 'Gráficos',
        link: '/dev/charts',
        navTitle: 'Gráficos',
      },
    ],
  },
]

Esquema

export const menu = [
  { 
    label: 'Usuarios', 
    link: '/backoffice/users', 
    navTitle: 'Usuarios',
    icon: 'users',
    childs: [...]
  },
  ...
]

Este archivo exporta una variable llamada menu que es un Array de objetos que definen cada item del menú. Los atributos admisibles para cada objeto del array son:

Nombre	Descripción
label	Es el nombre que se despliega en el menú. Es el nombre que visualiza con el usuario.
link	Es el link al que lleva el item, relativo a la aplicación
navTitle	Es el título desplegado en la barra superior del layout, se puede definir en esta configuración o directamente desde cada componente.
icon	nombre del ícono, la integración por defecto es font awesome. ver galería de íconos
childs	es un Array de items de menú y permite tener anidamiento de items. Este es un Array contiene objetos de items, con las mismas propiedades anteriores excepto por childs.