@mesg-components/menu

1.0.9 • Public • Published

@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>

Readme

Keywords

none

Package Sidebar

Install

npm i @mesg-components/menu

Weekly Downloads

1

Version

1.0.9

License

none

Unpacked Size

10.6 kB

Total Files

6

Last publish

Collaborators

  • nicolasmahe
  • anthony-mesg
  • nicolas-mesg