{
"componentDescription": "",
"propDescriptions": {
"children": { "description": "The content of the component." },
"classes": { "description": "Override or extend the styles applied to the component." },
"color": {
"description": "The color of the component. It supports both default and custom theme colors, which can be added as shown in the palette customization guide."
},
"component": {
"description": "The component used for the root node. Either a string to use a HTML element or a component."
},
"disabled": { "description": "If true, the component is disabled." },
"disableElevation": { "description": "If true, no elevation is used." },
"disableFocusRipple": {
"description": "If true, the button keyboard focus ripple is disabled."
},
"disableRipple": {
"description": "If true, the button ripple effect is disabled."
},
"fullWidth": {
"description": "If true, the buttons will take up the full width of its container."
},
"orientation": { "description": "The component orientation (layout flow direction)." },
"size": {
"description": "The size of the component. small is equivalent to the dense button styling."
},
"sx": {
"description": "The system prop that allows defining system overrides as well as additional CSS styles."
},
"variant": { "description": "The variant to use." }
},
"classDescriptions": {
"colorPrimary": {
"description": "Styles applied to the root element if color="primary""
},
"colorSecondary": {
"description": "Styles applied to the root element if color="secondary""
},
"contained": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root element",
"conditions": "variant=\"contained\""
},
"disabled": {
"description": "State class applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the child elements",
"conditions": "disabled={true}"
},
"disableElevation": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root element",
"conditions": "disableElevation={true}"
},
"firstButton": {
"description": "Styles applied to {{nodeName}}.",
"nodeName": "the first button in the button group"
},
"fullWidth": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root element",
"conditions": "fullWidth={true}"
},
"grouped": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the children" },
"groupedContained": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the children",
"conditions": "variant=\"contained\"",
"deprecationInfo": "Combine the .MuiButtonGroup-contained and .MuiButtonGroup-grouped classes instead. See Migrating from deprecated APIs for more details."
},
"groupedContainedHorizontal": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the children",
"conditions": "variant=\"contained\" and orientation=\"horizontal\"",
"deprecationInfo": "Combine the .MuiButtonGroup-contained , .MuiButtonGroup-horizontal and .MuiButtonGroup-grouped classes instead. See Migrating from deprecated APIs for more details."
},
"groupedContainedPrimary": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the children",
"conditions": "variant=\"contained\" and color=\"primary\"",
"deprecationInfo": "Combine the .MuiButtonGroup-contained , .MuiButtonGroup-colorPrimary and .MuiButtonGroup-grouped classes instead. See Migrating from deprecated APIs for more details."
},
"groupedContainedSecondary": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the children",
"conditions": "variant=\"contained\" and color=\"secondary\"",
"deprecationInfo": "Combine the .MuiButtonGroup-contained , .MuiButtonGroup-colorSecondary and .MuiButtonGroup-grouped classes instead. See Migrating from deprecated APIs for more details."
},
"groupedContainedVertical": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the children",
"conditions": "variant=\"contained\" and orientation=\"vertical\"",
"deprecationInfo": "Combine the .MuiButtonGroup-contained , .MuiButtonGroup-vertical and .MuiButtonGroup-grouped classes instead. See Migrating from deprecated APIs for more details."
},
"groupedHorizontal": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the children",
"conditions": "orientation=\"horizontal\"",
"deprecationInfo": "Combine the .MuiButtonGroup-horizontal and .MuiButtonGroup-grouped classes instead. See Migrating from deprecated APIs for more details."
},
"groupedOutlined": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the children",
"conditions": "variant=\"outlined\"",
"deprecationInfo": "Combine the .MuiButtonGroup-outlined and .MuiButtonGroup-grouped classes instead. See Migrating from deprecated APIs for more details."
},
"groupedOutlinedHorizontal": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the children",
"conditions": "variant=\"outlined\" and orientation=\"horizontal\"",
"deprecationInfo": "Combine the .MuiButtonGroup-outlined , .MuiButtonGroup-horizontal and .MuiButtonGroup-grouped classes instead. See Migrating from deprecated APIs for more details."
},
"groupedOutlinedPrimary": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the children",
"conditions": "variant=\"outlined\" and color=\"primary\"",
"deprecationInfo": "Combine the .MuiButtonGroup-outlined , .MuiButtonGroup-colorPrimary and .MuiButtonGroup-grouped classes instead. See Migrating from deprecated APIs for more details."
},
"groupedOutlinedSecondary": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the children",
"conditions": "variant=\"outlined\" and color=\"secondary\"",
"deprecationInfo": "Combine the .MuiButtonGroup-outlined , .MuiButtonGroup-colorSecondary and .MuiButtonGroup-grouped classes instead. See Migrating from deprecated APIs for more details."
},
"groupedOutlinedVertical": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the children",
"conditions": "variant=\"outlined\" and orientation=\"vertical\"",
"deprecationInfo": "Combine the .MuiButtonGroup-outlined , .MuiButtonGroup-vertical and .MuiButtonGroup-grouped classes instead. See Migrating from deprecated APIs for more details."
},
"groupedText": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the children",
"conditions": "variant=\"text\"",
"deprecationInfo": "Combine the .MuiButtonGroup-text and .MuiButtonGroup-grouped classes instead. See Migrating from deprecated APIs for more details."
},
"groupedTextHorizontal": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the children",
"conditions": "variant=\"text\" and orientation=\"horizontal\"",
"deprecationInfo": "Combine the .MuiButtonGroup-text , .MuiButtonGroup-horizontal and .MuiButtonGroup-grouped classes instead. See Migrating from deprecated APIs for more details."
},
"groupedTextPrimary": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the children",
"conditions": "variant=\"text\" and color=\"primary\"",
"deprecationInfo": "Combine the .MuiButtonGroup-text , .MuiButtonGroup-colorPrimary and .MuiButtonGroup-grouped classes instead. See Migrating from deprecated APIs for more details."
},
"groupedTextSecondary": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the children",
"conditions": "variant=\"text\" and color=\"secondary\"",
"deprecationInfo": "Combine the .MuiButtonGroup-text , .MuiButtonGroup-colorSecondary and .MuiButtonGroup-grouped classes instead. See Migrating from deprecated APIs for more details."
},
"groupedTextVertical": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the children",
"conditions": "variant=\"text\" and orientation=\"vertical\"",
"deprecationInfo": "Combine the .MuiButtonGroup-text , .MuiButtonGroup-vertical and .MuiButtonGroup-grouped classes instead. See Migrating from deprecated APIs for more details."
},
"groupedVertical": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the children",
"conditions": "orientation=\"vertical\"",
"deprecationInfo": "Combine the .MuiButtonGroup-vertical and .MuiButtonGroup-grouped classes instead. See Migrating from deprecated APIs for more details."
},
"horizontal": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root element",
"conditions": "orientation=\"horizontal\""
},
"lastButton": {
"description": "Styles applied to {{nodeName}}.",
"nodeName": "the last button in the button group"
},
"middleButton": {
"description": "Styles applied to {{nodeName}}.",
"nodeName": "buttons in the middle of the button group"
},
"outlined": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root element",
"conditions": "variant=\"outlined\""
},
"root": { "description": "Styles applied to the root element." },
"text": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root element",
"conditions": "variant=\"text\""
},
"vertical": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root element",
"conditions": "orientation=\"vertical\""
}
}
}