132 lines
4.4 KiB
JSON
132 lines
4.4 KiB
JSON
|
{
|
||
|
|
"props": {
|
||
|
|
"children": { "type": { "name": "node" } },
|
||
|
|
"classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } },
|
||
|
|
"color": {
|
||
|
|
"type": {
|
||
|
|
"name": "union",
|
||
|
|
"description": "'standard'<br>| 'primary'<br>| 'secondary'<br>| 'error'<br>| 'info'<br>| 'success'<br>| 'warning'<br>| string"
|
||
|
|
},
|
||
|
|
"default": "'standard'"
|
||
|
|
},
|
||
|
|
"disabled": { "type": { "name": "bool" }, "default": "false" },
|
||
|
|
"exclusive": { "type": { "name": "bool" }, "default": "false" },
|
||
|
|
"fullWidth": { "type": { "name": "bool" }, "default": "false" },
|
||
|
|
"onChange": {
|
||
|
|
"type": { "name": "func" },
|
||
|
|
"signature": {
|
||
|
|
"type": "function(event: React.MouseEvent<HTMLElement>, value: any) => void",
|
||
|
|
"describedArgs": ["event", "value"]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"orientation": {
|
||
|
|
"type": { "name": "enum", "description": "'horizontal'<br>| 'vertical'" },
|
||
|
|
"default": "'horizontal'"
|
||
|
|
},
|
||
|
|
"size": {
|
||
|
|
"type": {
|
||
|
|
"name": "union",
|
||
|
|
"description": "'small'<br>| 'medium'<br>| 'large'<br>| string"
|
||
|
|
},
|
||
|
|
"default": "'medium'"
|
||
|
|
},
|
||
|
|
"sx": {
|
||
|
|
"type": {
|
||
|
|
"name": "union",
|
||
|
|
"description": "Array<func<br>| object<br>| bool><br>| func<br>| object"
|
||
|
|
},
|
||
|
|
"additionalInfo": { "sx": true }
|
||
|
|
},
|
||
|
|
"value": { "type": { "name": "any" } }
|
||
|
|
},
|
||
|
|
"name": "ToggleButtonGroup",
|
||
|
|
"imports": [
|
||
|
|
"import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';",
|
||
|
|
"import { ToggleButtonGroup } from '@mui/material';"
|
||
|
|
],
|
||
|
|
"classes": [
|
||
|
|
{
|
||
|
|
"key": "disabled",
|
||
|
|
"className": "Mui-disabled",
|
||
|
|
"description": "State class applied to the root element if `disabled={true}`.",
|
||
|
|
"isGlobal": true
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "firstButton",
|
||
|
|
"className": "MuiToggleButtonGroup-firstButton",
|
||
|
|
"description": "Styles applied to the first button in the toggle button group.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "fullWidth",
|
||
|
|
"className": "MuiToggleButtonGroup-fullWidth",
|
||
|
|
"description": "Styles applied to the root element if `fullWidth={true}`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "grouped",
|
||
|
|
"className": "MuiToggleButtonGroup-grouped",
|
||
|
|
"description": "Styles applied to the children.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "groupedHorizontal",
|
||
|
|
"className": "MuiToggleButtonGroup-groupedHorizontal",
|
||
|
|
"description": "Styles applied to the children if `orientation=\"horizontal\"`.",
|
||
|
|
"isGlobal": false,
|
||
|
|
"isDeprecated": true
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "groupedVertical",
|
||
|
|
"className": "MuiToggleButtonGroup-groupedVertical",
|
||
|
|
"description": "Styles applied to the children if `orientation=\"vertical\"`.",
|
||
|
|
"isGlobal": false,
|
||
|
|
"isDeprecated": true
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "horizontal",
|
||
|
|
"className": "MuiToggleButtonGroup-horizontal",
|
||
|
|
"description": "Styles applied to the root element if `orientation=\"horizontal\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "lastButton",
|
||
|
|
"className": "MuiToggleButtonGroup-lastButton",
|
||
|
|
"description": "Styles applied to the last button in the toggle button group.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "middleButton",
|
||
|
|
"className": "MuiToggleButtonGroup-middleButton",
|
||
|
|
"description": "Styles applied to buttons in the middle of the toggle button group.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "root",
|
||
|
|
"className": "MuiToggleButtonGroup-root",
|
||
|
|
"description": "Styles applied to the root element.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "selected",
|
||
|
|
"className": "Mui-selected",
|
||
|
|
"description": "State class applied to the root element if `selected={true}`.",
|
||
|
|
"isGlobal": true
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "vertical",
|
||
|
|
"className": "MuiToggleButtonGroup-vertical",
|
||
|
|
"description": "Styles applied to the root element if `orientation=\"vertical\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"spread": true,
|
||
|
|
"themeDefaultProps": true,
|
||
|
|
"muiName": "MuiToggleButtonGroup",
|
||
|
|
"forwardsRefTo": "HTMLDivElement",
|
||
|
|
"filename": "/packages/mui-material/src/ToggleButtonGroup/ToggleButtonGroup.js",
|
||
|
|
"inheritance": null,
|
||
|
|
"demos": "<ul><li><a href=\"/material-ui/react-toggle-button/\">Toggle Button</a></li></ul>",
|
||
|
|
"cssComponent": false
|
||
|
|
}
|