Navbar

สำหรับสร้าง Navbar

Usage

<snt-navbar 
  :items="[
    {
      label: 'Shipnity',
      href: 'https://www.shipnity.com/'
    }
  ]">
</snt-navbar>

API

• snt-navbar

Examples

การเพิ่ม Menu สำหรับเชื่อมโยงภายนอก

<snt-navbar
  #default
  :items="[
    {
      label: 'Google',
      href: 'https://www.google.com/',
      target: '_blank'
    },
    {
      label: 'Facebook',
      href: 'https://www.facebook.com/',
      target: '_blank'
    },
  ]">
</snt-navbar>

การจัดตำแหน่ง align ด้วยการรับค่าจาก props

<snt-navbar
  :align="`center`"
  #default="{
    props: {
      align
    }
  }">
  <div v-if="align === 'left'">
    Align Left
  </div>
  <div v-else-if="align === 'center'">
    Align Center
  </div>
  <div v-else-if="align === 'right'">
    Align Right
  </div>
</snt-navbar>