Navlink

Sidebar navigation link with automatic active state detection.

Usage

tsx

import { NavLink } from "fromsrc/client";

<NavLink href="/docs/intro">introduction</NavLink>;

tsx

<NavLink href="/docs/api" icon={<ApiIcon />}>
  api reference
</NavLink>

tsx

<NavLink href="/docs/guide" onClick={closeMenu}>
  guide
</NavLink>

prop	type	default	description
href	string	-	Link destination
children	ReactNode	-	Link text
icon	ReactNode	-	Optional icon
onClick	() => void	-	Click handler