Vue.Js Usage & Documentation

MSuiteHeader

Attributes in Cyan are Compulsary

      
      <MSuiteHeader
        app_name="Vue Test"
        app_logo="https://logo.url"
        base_app_url = "/home"
        <-- If Logged In User Exists -->
        v-bind:user = "{
          name:'Rohit',
          profile_image:'https://picsum.photos/id/11/200/300',
          groups: 'Director, Technology'
        }"
        <-- If You want to add links to Navbar -->
        v-bind:links = "{
          0: {
            label:'Usage',
            url:'/usage/'
          },
          1: {
            label: 'Components',
            url:'/components'
          }...
        }"
        <-- If You want to add links within Dropdown to Navbar -->
        v-bind:dropdown_menu = "{
          name: 'Dropdown',
          links:{
            0:{
              label: 'One',
              url: '/one'
            }...
          }
        }"
      >
      </MsuiteHeader>