Add activeIcon to TopNavigation

sumup-oss · Nov 14, 2023 · 85b67bc · 85b67bc
1 parent 125233b
commit 85b67bc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/.changeset/ten-kangaroos-crash.md b/.changeset/ten-kangaroos-crash.md
@@ -0,0 +1,5 @@
+---
+'@sumup/circuit-ui': patch
+---
+
+Added support for an `activeIcon` to the TopNavigation links.
diff --git a/packages/circuit-ui/components/TopNavigation/components/UtilityLinks/UtilityLinks.tsx b/packages/circuit-ui/components/TopNavigation/components/UtilityLinks/UtilityLinks.tsx
@@ -33,6 +33,10 @@ export interface UtilityLinkProps
    * On narrow viewports, only the icon is displayed.
    */
   icon: IconComponentType;
+  /**
+   * Display a different icon when the link is active.
+   */
+  activeIcon?: IconComponentType;
   /**
    * Short label to describe the target of the link.
    */