Mantine NavLink Active State | Remix | Page 1

polar oriole Oct 10, 2022, 5:11 PM

#

I'm trying to get my Mantine NavLinks to work within Remix and update their active state. I've checked https://mantine.dev/core/nav-link/#polymorphic-component but it only has the Next.js and React Router examples. I know Remix has useMatches but not sure how to incorporate it properly.

Has anyone got this working?

NavLink

Navigation link

green adder Oct 10, 2022, 7:24 PM

#

You can style it with the aria-current and NavLink from Remix https://remix.run/docs/en/v1/api/remix#navlink

polar oriole Oct 11, 2022, 8:17 AM

#

@green adder Mantine NavLink has some default styles when active={true} which is what I'm trying to pull

#

https://mantine.dev/core/nav-link/#active

#Mantine NavLink Active State