You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
If the NavLink matches the current route, based on the Match property, Blazor adds the ActiveClass classes to the existing classes.
ActiveClass="text-white bg-gray-900"
This results in: rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white text-white bg-gray-900 which duplicates the text colour and background colour classes - which ones will take priority?
In JavaScript based frameworks tw-merge handles this by ensuring that the order the classes are specified dictates the priority, with classes specified later overriding those from earlier in the list.
How can we do this for .NET?
The text was updated successfully, but these errors were encountered:
Default classes:
rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white
If the NavLink matches the current route, based on the
Match
property, Blazor adds theActiveClass
classes to the existing classes.ActiveClass="text-white bg-gray-900"
This results in:
rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white text-white bg-gray-900
which duplicates the text colour and background colour classes - which ones will take priority?In JavaScript based frameworks tw-merge handles this by ensuring that the order the classes are specified dictates the priority, with classes specified later overriding those from earlier in the list.
How can we do this for .NET?
The text was updated successfully, but these errors were encountered: