@modelmenu/navigation

@modelmenu/navigation

#Install

pnpm add @modelmenu/navigation

#Quick start

1. Create Your MenuNavigation

import { LeftMenuModel, MenuItemModel, ThemeModel } from '@modelmenu/navigation';

const leftItems = [
    [
        name: "Home",
        route: "/",
        items: [
            {
                "Products",
                route: "/products"
            }
        ]
    ]
]

let topItems = new MenuModel();
topItems.push({
    name: "Test",
    route: "/test"
})

2. Import menu plate

<script setup lang="ts">
import { MenuPlate } from '@modelmenu/navigation'

</script>

<template>
    <MenuPlate :leftItems="leftItems" :Router="router" :topItems="topItems">
        <template #handler>
            <RouterView></RouterView>
        </template>
    </MenuPlate>
</template>

Documentation

MenuNavigation is divided in two sections main items from left side and top items at upper section of component template.

Main Event is changeTheme from our collection.

-primary -secondary -basic -light -dark

License MIT