{
"props": {
"absolute": { "type": { "name": "bool" }, "default": "false" },
"children": { "type": { "name": "node" } },
"classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } },
"component": { "type": { "name": "elementType" } },
"flexItem": { "type": { "name": "bool" }, "default": "false" },
"light": {
"type": { "name": "bool" },
"default": "false",
"deprecated": true,
"deprecationInfo": "Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See Migrating from deprecated APIs for more details."
},
"orientation": {
"type": { "name": "enum", "description": "'horizontal'
| 'vertical'" },
"default": "'horizontal'"
},
"sx": {
"type": {
"name": "union",
"description": "Array<func
| object
| bool>
| func
| object"
},
"additionalInfo": { "sx": true }
},
"textAlign": {
"type": {
"name": "enum",
"description": "'center'
| 'left'
| 'right'"
},
"default": "'center'"
},
"variant": {
"type": {
"name": "union",
"description": "'fullWidth'
| 'inset'
| 'middle'
| string"
},
"default": "'fullWidth'"
}
},
"name": "Divider",
"imports": [
"import Divider from '@mui/material/Divider';",
"import { Divider } from '@mui/material';"
],
"classes": [
{
"key": "absolute",
"className": "MuiDivider-absolute",
"description": "Styles applied to the root element if `absolute={true}`.",
"isGlobal": false
},
{
"key": "flexItem",
"className": "MuiDivider-flexItem",
"description": "Styles applied to the root element if `flexItem={true}`.",
"isGlobal": false
},
{
"key": "fullWidth",
"className": "MuiDivider-fullWidth",
"description": "Styles applied to the root element if `variant=\"fullWidth\"`.",
"isGlobal": false
},
{
"key": "inset",
"className": "MuiDivider-inset",
"description": "Styles applied to the root element if `variant=\"inset\"`.",
"isGlobal": false
},
{
"key": "light",
"className": "MuiDivider-light",
"description": "Styles applied to the root element if `light={true}`.",
"isGlobal": false,
"isDeprecated": true
},
{
"key": "middle",
"className": "MuiDivider-middle",
"description": "Styles applied to the root element if `variant=\"middle\"`.",
"isGlobal": false
},
{
"key": "root",
"className": "MuiDivider-root",
"description": "Styles applied to the root element.",
"isGlobal": false
},
{
"key": "textAlignLeft",
"className": "MuiDivider-textAlignLeft",
"description": "Styles applied to the root element if `textAlign=\"left\" orientation=\"horizontal\"`.",
"isGlobal": false
},
{
"key": "textAlignRight",
"className": "MuiDivider-textAlignRight",
"description": "Styles applied to the root element if `textAlign=\"right\" orientation=\"horizontal\"`.",
"isGlobal": false
},
{
"key": "vertical",
"className": "MuiDivider-vertical",
"description": "Styles applied to the root element if `orientation=\"vertical\"`.",
"isGlobal": false
},
{
"key": "withChildren",
"className": "MuiDivider-withChildren",
"description": "Styles applied to the root element if divider have text.",
"isGlobal": false
},
{
"key": "withChildrenVertical",
"className": "MuiDivider-withChildrenVertical",
"description": "Styles applied to the root element if divider have text and `orientation=\"vertical\"`.",
"isGlobal": false,
"isDeprecated": true
},
{
"key": "wrapper",
"className": "MuiDivider-wrapper",
"description": "Styles applied to the span children element if `orientation=\"horizontal\"`.",
"isGlobal": false
},
{
"key": "wrapperVertical",
"className": "MuiDivider-wrapperVertical",
"description": "Styles applied to the span children element if `orientation=\"vertical\"`.",
"isGlobal": false
}
],
"spread": true,
"themeDefaultProps": true,
"muiName": "MuiDivider",
"forwardsRefTo": "HTMLHRElement",
"filename": "/packages/mui-material/src/Divider/Divider.js",
"inheritance": null,
"demos": "