Merge pull request #673 from dottharun/buttongroup/theme

feat: add default Theme for MuiButtonGroup component
layer5io · Jul 10, 2024 · a9a676e · a9a676e
2 parents d940a43 + a98d501
commit a9a676e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/theme/components.ts b/src/theme/components.ts
@@ -1,6 +1,7 @@
 import { Components, Theme } from '@mui/material';
 import { MuiAppBar } from './components/appbar.modifiter';
 import { MuiButton } from './components/button.modifier';
+import { MuiButtonGroup } from './components/buttongroup.modifier';
 import { MuiCard } from './components/card.modifier';
 import { MuiCheckbox } from './components/checkbox.modifier';
 import { MuiCollapse } from './components/collapse.modifier';
@@ -35,6 +36,7 @@ export const components: Components<Theme> = {
   MuiSvgIcon,
   MuiTab,
   MuiSwitch,
+  MuiButtonGroup,
   MuiButton,
   MuiListItem
 };
diff --git a/src/theme/components/buttongroup.modifier.ts b/src/theme/components/buttongroup.modifier.ts
@@ -0,0 +1,9 @@
+import { Components, Theme } from '@mui/material';
+
+export const MuiButtonGroup: Components<Theme>['MuiButtonGroup'] = {
+  styleOverrides: {
+    grouped: ({ theme }) => ({
+      borderColor: theme.palette.common.white
+    })
+  }
+};