{ "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": "", "cssComponent": false }