[Tabs] Fix TabIndicatorProps prop missing sx prop (#32503)

mui · May 2, 2022 · 4d49b7a · 4d49b7a
1 parent d87affa
commit 4d49b7a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/mui-material/src/Tabs/Tabs.d.ts b/packages/mui-material/src/Tabs/Tabs.d.ts
@@ -88,7 +88,7 @@ export interface TabsTypeMap<P = {}, D extends React.ElementType = typeof Button
      * Props applied to the tab indicator element.
      * @default  {}
      */
-    TabIndicatorProps?: React.HTMLAttributes<HTMLDivElement>;
+    TabIndicatorProps?: React.HTMLAttributes<HTMLDivElement> & { sx?: SxProps<Theme> };
     /**
      * Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.
      * @default {}

diff --git a/packages/mui-material/src/Tabs/Tabs.spec.tsx b/packages/mui-material/src/Tabs/Tabs.spec.tsx
@@ -13,3 +13,5 @@ function testOnChange() {
 }
 
 const TabTest = () => <Tabs TabIndicatorProps={{ style: { backgroundColor: 'green' } }} />;
+
+const TabIndicatorSxTest = () => <Tabs TabIndicatorProps={{ sx: {} }} />;