{
"props": {
"children": { "type": { "name": "node" } },
"component": { "type": { "name": "elementType" } },
"separator": { "type": { "name": "node" }, "default": "'/'" },
"size": {
"type": {
"name": "union",
"description": "'sm'
| 'md'
| 'lg'
| string"
},
"default": "'md'",
"additionalInfo": { "joy-size": true }
},
"slotProps": {
"type": {
"name": "shape",
"description": "{ li?: func
| object, ol?: func
| object, root?: func
| object, separator?: func
| object }"
},
"default": "{}"
},
"slots": {
"type": {
"name": "shape",
"description": "{ li?: elementType, ol?: elementType, root?: elementType, separator?: elementType }"
},
"default": "{}",
"additionalInfo": { "slotsApi": true }
},
"sx": {
"type": {
"name": "union",
"description": "Array<func
| object
| bool>
| func
| object"
},
"additionalInfo": { "sx": true }
}
},
"name": "Breadcrumbs",
"imports": [
"import Breadcrumbs from '@mui/joy/Breadcrumbs';",
"import { Breadcrumbs } from '@mui/joy';"
],
"slots": [
{
"name": "root",
"description": "The component that renders the root.",
"default": "'nav'",
"class": "MuiBreadcrumbs-root"
},
{
"name": "ol",
"description": "The component that renders the ol.",
"default": "'ol'",
"class": "MuiBreadcrumbs-ol"
},
{
"name": "li",
"description": "The component that renders the li.",
"default": "'li'",
"class": "MuiBreadcrumbs-li"
},
{
"name": "separator",
"description": "The component that renders the separator.",
"default": "'li'",
"class": "MuiBreadcrumbs-separator"
}
],
"classes": [
{
"key": "sizeLg",
"className": "MuiBreadcrumbs-sizeLg",
"description": "Class name applied to the root element if `size=\"lg\"`.",
"isGlobal": false
},
{
"key": "sizeMd",
"className": "MuiBreadcrumbs-sizeMd",
"description": "Class name applied to the root element if `size=\"md\"`.",
"isGlobal": false
},
{
"key": "sizeSm",
"className": "MuiBreadcrumbs-sizeSm",
"description": "Class name applied to the root element if `size=\"sm\"`.",
"isGlobal": false
}
],
"spread": true,
"themeDefaultProps": true,
"muiName": "JoyBreadcrumbs",
"forwardsRefTo": "HTMLElement",
"filename": "/packages/mui-joy/src/Breadcrumbs/Breadcrumbs.tsx",
"inheritance": null,
"demos": "