NavLinkRenderProps
Values passed to NavLink styling and children callbacks.
Compatibility
ReactAvailable in this renderer's browser integration.
React SSRAvailable to this renderer's SSR integration; browser event handlers run after hydration.
PreactAvailable in this renderer's browser integration.
Preact SSRAvailable to this renderer's SSR integration; browser event handlers run after hydration.
Import from @kasperrt/smolter/react @kasperrt/smolter/preact
Signature
interface NavLinkRenderProps {
isActive: boolean;
isPending: boolean;
}Contract
Contains isActive and isPending booleans. isActive uses pathname matching; end disables descendant matching. isPending matches the pending navigation destination using the same pathname and end rules.
import type { NavLinkRenderProps } from "@kasperrt/smolter/preact";
export function activeClass({ isActive }: NavLinkRenderProps): string {
return isActive ? "active" : "";
}Usage and limits
isPending follows page navigation, including retained views. It does not include independent fetcher activity.
Fields
isActive
isActive: boolean;isPending
isPending: boolean;