Answers for "router-link-exact-active css"

react router active link css

<NavLink
          key={tab.id}
          className={(navData) =>
            navData.isActive ? styles.activeTab : styles.inactiveTab
          }
          to={tab.path}
        >
          {tab.name}
        
</NavLink>

active-class router-link

//when a route is active we can use this to add a certain style to the element:
<router-link to="/[route-name]" active-link="active'> <router-link>

//when the route is active, active-link will add the class active to the element
//you can define then a certain style for elements that contain the class active