feat(Subnav): pass ctalinks onclick through to cta buttons (#900)

* pass onlick through ctalinks * add changeset * update docs
hashicorp · Mar 9, 2023 · 9822d78 · 9822d78 · vercel · Mar 9, 2023
1 parent a5be4e8
commit 9822d78
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
diff --git a/.changeset/young-bags-dream.md b/.changeset/young-bags-dream.md
@@ -0,0 +1,5 @@
+---
+'@hashicorp/react-subnav': patch
+---
+
+pass onclick handler through ctalink
diff --git a/packages/subnav/partials/CtaLinks/index.js b/packages/subnav/partials/CtaLinks/index.js
@@ -42,6 +42,7 @@ function CtaLinks({ links, product, isInDropdown, hideGithubStars, theme }) {
             title={link.text}
             url={link.url}
             icon={isDownload ? iconDownload : isGithub ? iconGithub : undefined}
+            onClick={link.onClick}
             theme={{
               brand: product,
               variant: isLastButton ? 'primary' : 'secondary',

diff --git a/packages/subnav/props.js b/packages/subnav/props.js
@@ -39,6 +39,11 @@ module.exports = {
             description:
               'An optional theme object, which will be passed to the Button element for this link, and will override and default settings in the component.',
           },
+          onClick: {
+            type: 'function',
+            description:
+              'Optional function that will be called when the button is clicked.',
+          },
         },
       },
     ],