fix: forward classNames to tab component (#157)

EightfoldAI · May 31, 2022 · 57969b8 · 57969b8
1 parent 85d87f7
commit 57969b8
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/components/Tabs/Tab/Tab.tsx b/src/components/Tabs/Tab/Tab.tsx
@@ -12,7 +12,16 @@ import styles from '../tabs.module.scss';
 
 export const Tab: FC<TabProps> = React.forwardRef(
     (
-        { value, label, icon, disabled, ariaLabel, badgeContent, ...rest },
+        {
+            value,
+            label,
+            icon,
+            disabled,
+            ariaLabel,
+            badgeContent,
+            classNames,
+            ...rest
+        },
         ref: Ref<HTMLButtonElement>
     ) => {
         const { onTabClick, currentActiveTab } = useTabs();
@@ -27,6 +36,7 @@ export const Tab: FC<TabProps> = React.forwardRef(
             styles.tab,
             { [styles.active]: isActive },
             { [styles.inverse]: light },
+            classNames,
         ]);
 
         const getIcon = (): JSX.Element =>