Merge pull request #406 from lifeomic/expansion-panel-leading-icon-cl…

…assname feat: Add leading icon class name prop to `<ExpansionPanel`
lifeomic · Oct 10, 2023 · d0684b8 · d0684b8
2 parents f6d852e + dd92739
commit d0684b8
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/ExpansionPanel/ExpansionPanel.tsx b/src/components/ExpansionPanel/ExpansionPanel.tsx
@@ -107,6 +107,7 @@ export interface ExpansionPanelProps
   children?: React.ReactNode;
   contentClassName?: string;
   innerContentClassName?: string;
+  leadingIconClassName?: string;
   title: string;
   leadingIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
   truncateTitle?: boolean;
@@ -143,6 +144,7 @@ export const ExpansionPanel = React.forwardRef<
       className,
       contentClassName,
       innerContentClassName,
+      leadingIconClassName,
       onToggle,
       isOpen = false,
       contentDirection = 'column',
@@ -216,7 +218,7 @@ export const ExpansionPanel = React.forwardRef<
               <LeadingIcon
                 role="img"
                 aria-hidden
-                className={classes.leadingIcon}
+                className={clsx(classes.leadingIcon, leadingIconClassName)}
                 width={18}
                 height={18}
               />