Merge pull request #2001 from Kajabi/GROW-2793/expandable-card-accept…

…-id-prop feat: add new "customKey" prop to ExpandableCard
Kajabi · Oct 16, 2024 · 6dc6077 · 6dc6077
2 parents 8a0802d + 6d9f9b7
commit 6dc6077
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/sage-react/lib/ExpandableCard/ExpandableCard.jsx b/packages/sage-react/lib/ExpandableCard/ExpandableCard.jsx
@@ -12,6 +12,7 @@ export const ExpandableCard = ({
   expanded,
   children,
   className,
+  customKey,
   headerContent,
   name,
   onClick,
@@ -32,7 +33,7 @@ export const ExpandableCard = ({
     }
   };
 
-  const id = uuid();
+  const id = customKey || uuid();
 
   const containerClassnames = classnames(
     'sage-expandable-card',
@@ -98,6 +99,7 @@ ExpandableCard.defaultProps = {
   expanded: false,
   children: null,
   className: null,
+  customKey: null,
   headerContent: null,
   alignTrigger: 'middle',
   name: null,
@@ -109,6 +111,7 @@ ExpandableCard.defaultProps = {
 ExpandableCard.propTypes = {
   alignArrowRight: PropTypes.bool,
   bodyBordered: PropTypes.bool,
+  customKey: PropTypes.string,
   headerContent: PropTypes.node,
   expanded: PropTypes.bool,
   className: PropTypes.string,