Horizontal Navigation Menu uses this component to render single item.

Overview

Component Name: h-nav-menu-item
Use case: Build nav item in h-nav-menu and h-nav-menu-group component
Path: src/layouts/components/horizontal-nav-menu/HorizontalNavMenuItem.vue
Is Globally Registred: false

Using Component

This component is internally handled by h-nav-menu and h-nav-menu-group. So, you don’t have to worry about setting up h-nav-menu-item.
How to create nav item in navMenuItems prop of h-nav-menu

Above code will create nav item named Email from it’s i18n property. If i18n is disabled in your app then It will fall back to name property.
If nav item is sub item of nav-group then it will always get CicleIcon feather icon. So, there’s need to define icon if nav group is parent of nav item.

Using Object for routing

You can also pass an object to the url property.

Dependencies

  • Vue Router
  • feather-icon component