@ttoss/components 2.6.1 → 2.6.2

package/README.md

@@ -224,6 +224,28 @@ import NextLink from 'next/link';
   LinkComponent={NextLink}
   onItemClick={(item) => console.log('Clicked:', item)}
 />
+
+// Custom Link Component
+// IMPORTANT: Always spread {...props} to preserve styling
+// React Router example (uses 'to' instead of 'href')
+import { Link as RouterLink } from 'react-router-dom';
+
+const ReactRouterLink = ({
+  href,
+  children,
+  ...props
+}: React.PropsWithChildren<LinkComponentProps>) => {
+  return (
+    <RouterLink
+      to={href}
+      {...props} // Required to preserve NavList styles
+    >
+      {children}
+    </RouterLink>
+  );
+};
+
+<NavList items={items} LinkComponent={ReactRouterLink} />
 ```
 
 **Variants:**

package/dist/NavList/index.d.ts

@@ -52,4 +52,4 @@ declare const NavList: {
     displayName: string;
 };
 
-export { NavList, type NavListGroup, type NavListItem, type NavListProps };
+export { type LinkComponentProps, NavList, type NavListGroup, type NavListItem, type NavListProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/components",
-  "version": "2.6.1",
+  "version": "2.6.2",
   "description": "React components for ttoss ecosystem.",
   "license": "MIT",
   "author": "ttoss",
@@ -116,11 +116,11 @@
     "react": "^19.2.0",
     "tsup": "^8.5.0",
     "tsx": "^4.19.2",
-    "@ttoss/react-hooks": "^2.1.5",
     "@ttoss/config": "^1.35.9",
-    "@ttoss/i18n-cli": "^0.7.35",
-    "@ttoss/react-icons": "^0.5.0",
+    "@ttoss/react-hooks": "^2.1.5",
     "@ttoss/react-i18n": "^2.0.19",
+    "@ttoss/react-icons": "^0.5.0",
+    "@ttoss/i18n-cli": "^0.7.35",
     "@ttoss/test-utils": "^3.0.1",
     "@ttoss/ui": "^5.10.4"
   },