Get current path, selected Nav Link

[NovusOpus]

So I'm trying to do a navigation menu, and highlighting the currently selected Nav Link(Matching current Path/Route).

In NextJS(React) for example I use something like this:

const NavItem = (props) => (
  <Link href={props.path}>
    <a className={`${ props.router.pathname === props.path ? "nav-selected"  :  "" } other-classes`}>
      <div className="nav-icon">{props.icon}</div>
      <span>{props.label}</span>
    </a>
  </Link>
);

But currently there's no mention or example of how to do this in Solidjs, neither in the Main Docs or in the Solid-Router GitHub Page. Unless I'm missing something?

[NovusOpus]

I completely missed this note in the: Create Links to Your Routes section from solid-router GitHub Documentation:

"If you use NavLink instead of Link, the anchor tag will have an active class if its href matches the current location, and inactive otherwise. Note: By default matching includes locations that are descendents (eg. href /users matches locations /users and /users/123), use the boolean end prop to prevent matching these. This is particularly useful for links to the root route / which would match everything."

This is my Final Nav Component code for those interested:

import { NavLink } from "@solidjs/router";

const Nav = () => {
  const Links = [
    {
      text: "Home",
      route: "/",
    },
    {
      text: "About",
      route: "/about",
    },
  ];

  return (
    <div>
      {Links.map((link) => (
        <NavLink class="nav-item" href={link.route} end>
          {link.text}
        </NavLink>
      ))}
    </div>
  );
};

export default Nav;