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