Nav panel

Import

import navpanel from "@/ui/panels/navpanel.vue"

Basic usage

<navpanel ref="navpanelRef" :navs="navs" :anchors="anchors" :height="p.height" style="height:100%;" class="fmnav">
</navpanel>

 const navs= ref([
    { title: "Registration", id: "navlv1", anchor: "navlv1", icon: "fa fa-map-marker", children: [] },
    { title: "Details", id: "navlv2", anchor: "navlv2", icon: "fa fa-map-signs", children: [] },
    { title: "Seals", id: "navlv3", anchor: "navlv3", icon: "fa fa-map-signs", children: [] },
    { title: "Attachments", id: "navlv4", anchor: "navlv4", icon: "fa fa-map-signs", children: [] },
]);

const anchors= ref([
    "navlv1","navlv2","navlv3","navlv4"
]);

Props

• navs — navigation items
• anchors — anchor ids for scroll sync
• height — height of the nav content area