react-navplus
Version:
A flexible, performance-optimized navigation link component for React with multi-router support, prefetching, and advanced active state detection
38 lines • 1.26 kB
TypeScript
/**
* @file NavPlus.tsx
* @description A clean, flexible navigation link component
* @version 2.1.0
*/
import React from 'react';
export type MatchMode = 'exact' | 'startsWith' | 'includes' | 'pattern';
export interface NavPlusProps {
to: string;
children: React.ReactNode | ((isActive: boolean) => React.ReactNode);
className?: string;
activeClassName?: string;
inActiveClassName?: string;
activeStyle?: React.CSSProperties;
inactiveStyle?: React.CSSProperties;
disabled?: boolean;
isExternal?: boolean;
matchMode?: MatchMode;
matchPattern?: RegExp;
customActiveUrl?: string;
prefetch?: boolean;
replace?: boolean;
triggerEvent?: 'click' | 'hover';
navigationDelay?: number;
onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
onMouseEnter?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
onMouseLeave?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
as?: React.ElementType;
testId?: string;
linkProps?: Record<string, any>;
[key: string]: any;
}
/**
* NavPlus Component - A flexible navigation link component
*/
export declare const NavPlus: React.NamedExoticComponent<NavPlusProps>;
export default NavPlus;
//# sourceMappingURL=NavPlus.d.ts.map