At end boolean to handle active styles at nav link

lexicongovernance · Apr 29, 2024 · b17e7d2 · b17e7d2
1 parent 3cf3db3
commit b17e7d2
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/berlin/src/components/nav-button/NavButton.tsx b/packages/berlin/src/components/nav-button/NavButton.tsx
@@ -6,11 +6,12 @@ type NavButtonProps = {
   $color?: 'primary' | 'secondary';
   children: React.ReactNode;
   onClick?: () => void;
+  end?: boolean;
 };
 
-function NavButton({ to, children, $color = 'primary', onClick }: NavButtonProps) {
+function NavButton({ to, children, end, $color = 'primary', onClick }: NavButtonProps) {
   return (
-    <StyledNavLink to={to} tabIndex={-1}>
+    <StyledNavLink to={to} tabIndex={-1} end={end}>
       <Button onClick={onClick} $color={$color}>
         {children}
       </Button>