Menu

CSS dependencies

@import url("@uxf/ui/css/menu.css");

How to use active item

// app directory
import { usePathname } from "next/navigation";
import { usePageParams } from "@app-routes";

const pathname = usePathname();
const pathParams = usePageParams();

<Menu configuration={...} router={{pathname, pathParams}}/>

// pages directory 
import { useRouter } from "next/router";

const router = useRouter();

<Menu configuration={...} router={router}