feat(expandablecard): add new optional key prop

Kajabi · Oct 14, 2024 · df9dc52 · df9dc52
1 parent d88aeb7
commit df9dc52
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
@@ -13,6 +13,7 @@ export const ExpandableCard = ({
   children,
   className,
   headerContent,
+  key,
   name,
   onClick,
   sageType,
@@ -32,7 +33,7 @@ export const ExpandableCard = ({
     }
   };
 
-  const id = uuid();
+  const id = key || uuid();
 
   const containerClassnames = classnames(
     'sage-expandable-card',
@@ -99,6 +100,7 @@ ExpandableCard.defaultProps = {
   children: null,
   className: null,
   headerContent: null,
+  key: null,
   alignTrigger: 'middle',
   name: null,
   onClick: null,
@@ -110,6 +112,7 @@ ExpandableCard.propTypes = {
   alignArrowRight: PropTypes.bool,
   bodyBordered: PropTypes.bool,
   headerContent: PropTypes.node,
+  key: PropTypes.string,
   expanded: PropTypes.bool,
   className: PropTypes.string,
   children: PropTypes.node,