In this page you will find how to add/update navigation menu items.
src/navigation/menu.js
file. We just created different files for different sections so we can find items easily. You can follow the same or just write the all the items in index.js file.subheader
:
title
property will be title (rendered text) of this link. This will be key for i18n.to
is vue-router’s route name.icon
property value should be material design icon.to
property.
target="_blank"
and also it will add rel="nofollow"
. Please note in above example we have used href property for external links and not to property.
target
property in internal app route if you want to open your app’s internal route in new tab, just like we did with authentication pages.icon
property if your navigation link is child of navigation menu group.badge
: property is used to render badge textbadgeColor
: This property is optional. Default variant for badge is primary.disable
property and set it to true
.
title
property will be title of that group and it is key for i18n as well.icon
property value should be material design icon.children
property is group children. It can have menu items or menu groups as children.
This also support badge
, badgeColor
and disabled
properties same as menu link.icon
and children
of header this time: