wt-navigation-menu.vue

Specs

Props

Name	Required	Types	Default	Description	Example	Deprecated
nav	✅	array	-	entire navigation hierarchy. Value: { value: string, name: string, subNav: [{ value: string, route: string, name: string}] }
icons		array	[]	array icons to display in 1 level menu

Example Navigation Menu

• • sources
  • slas

• sources
• slas

Code

<template>
  <wt-navigation-menu :nav="navItems" />
</template>

<script setup>
const navItems = [
  {
    value: 'lookups',
    name: 'lookups',
    subNav: [
      {
        value: 'sources',
        name: 'sources',
        route: 'lookups/sources',
      },
      {
        value: 'slas',
        name: 'slas',
        route: 'lookups/slas',
      },
    ],
  },
];
</script>