Breaking News: Grepper is joining You.com. Read the official announcement!

nextjs active navbar

amit bd answered on June 25, 2023 Popularity 7/10 Helpfulness 4/10

answer nextjs active navbar

nextjs active navbar

Comment

"use client";

import { usePathname } from 'next/navigation';

{/* Get the current route */}
const currentRoute = usePathname();

{/* Render Link */}
<Link href="/some-path" 
     className={currentRoute === "/some-path" 
       ? "active-class-name" 
       : "non-active-class-name"}>
         Some Link
</Link>

Popularity 7/10 Helpfulness 4/10 Language javascript

Source: www.slingacademy.com

Tags: javascript navbar

Link to this answer
Share Copy Link