@MESG-COMPONENTS/MENU

Install

npm install @mesg-components/menu or yarn add @mesg-components/menu

Properties

• logo: String, Required, -> banner to display on the footer.
• isNuxt: Boolean, Optional, -> isNuxt declare for nuxtjs framework to using nuxt-link.
• items: Array of object, Optional, -> items to display on the footer.
  • Object inside items:
    • text: String , Required, to display menu title
    • to: String, Required, link path
    • type: String, Optional, to display title at type button
    • subMenu: Array of object, Optional, Example [{ text: '',to: '' }, { text: '',to: '' },...], to display dropdown sub-menu

Example

import logo from '../assets/img/MESG-logo-horizontal-purple.svg'

const items = [
  {
    text: 'Technology',
    to: '#',
    subMenu: [
      { text: 'Orchestrator', to: '' },
      { text: 'SDK', to: '' },
      { text: 'Marketplace', to: '' },
      { text: 'Enterprise', to: '' }
    ]
  },
  {
    text: 'Developers',
    to: '#',
    subMenu: [
      { text: 'Orchestrator', to: '' },
      { text: 'SDK', to: '' },
      { text: 'Marketplace', to: '' },
      { text: 'Enterprise', to: '' }
    ]
  },
  { text: 'Showcase', to: '/' },
  { text: 'Contributions', to: '/' },
  { text: 'Token' },
  { text: 'Get Started', to: '/', type: 'button' }
]

Default:

<template>
  <menu :banner="banner" :items="items" />
</template>

Nuxt Framework:

<template>
  <menu :banner="banner" :items="items" is-nuxt />
</template>