Add horizontal class

mui · May 15, 2024 · 0952d8e · 0952d8e
1 parent 0fe9890
commit 0952d8e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/docs/pages/material-ui/api/toggle-button-group.json b/docs/pages/material-ui/api/toggle-button-group.json
@@ -81,6 +81,12 @@
       "description": "Styles applied to the children if `orientation=\"vertical\"`.",
       "isGlobal": false
     },
+    {
+      "key": "horizontal",
+      "className": "MuiToggleButtonGroup-horizontal",
+      "description": "Styles applied to the root element if `orientation=\"horizontal\"`.",
+      "isGlobal": false
+    },
     {
       "key": "lastButton",
       "className": "MuiToggleButtonGroup-lastButton",

diff --git a/docs/translations/api-docs/toggle-button-group/toggle-button-group.json b/docs/translations/api-docs/toggle-button-group/toggle-button-group.json
@@ -57,6 +57,11 @@
       "nodeName": "the children",
       "conditions": "<code>orientation=\"vertical\"</code>"
     },
+    "horizontal": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>orientation=\"horizontal\"</code>"
+    },
     "lastButton": {
       "description": "Styles applied to {{nodeName}}.",
       "nodeName": "the last button in the toggle button group"

diff --git a/packages/mui-material/src/ToggleButtonGroup/toggleButtonGroupClasses.ts b/packages/mui-material/src/ToggleButtonGroup/toggleButtonGroupClasses.ts
@@ -39,6 +39,7 @@ const toggleButtonGroupClasses: ToggleButtonGroupClasses = generateUtilityClasse
   [
     'root',
     'selected',
+    'horizontal',
     'vertical',
     'disabled',
     'grouped',