> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/mantis/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codedthemes.gitbook.io/mantis/components/breadcrumb.md).

# BreadCrumb

This component extends the original component provided by MUI: <https://mui.com/material-ui/react-breadcrumbs/>

The extended properties are:

| Property    | Type                   | Props Value                                          |
| ----------- | ---------------------- | ---------------------------------------------------- |
| card        | boolean                | false (default), true                                |
| custom      | boolean                | false (default), true                                |
| divider     | boolean                | true (default), false                                |
| heading     | string                 |                                                      |
| icon        | boolean                | false (default), true                                |
| icons       | boolean                | false (default), true                                |
| isFormatted | boolean                | false (default), true                                |
| links       | BreadcrumbLinkProps\[] | { title: string, to?: string, icon?: IconComponent } |
| maxItems    | number                 | 8                                                    |
| rightAlign  | boolean                | false (default), true                                |
| separator   | OverrideIcon           | '/'                                                  |
| title       | boolean                | false (default), true                                |
| titleBottom | boolean                | false (default), true                                |
| sx          | BreadCrumbSxProps      |                                                      |

Live Preview: <https://mantisdashboard.com/components-overview/breadcrumbs>

{% hint style="info" %}
Asterisk (<mark style="color:red;">\*</mark>) indicates required props.
{% endhint %}