# 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                                |
| links                                        | BreadcrumbLinkProps\[]    | { title: string, to?: string, icon?: IconComponent } |
| maxItems                                     | number                    | 8                                                    |
| navigation<mark style="color:red;">\*</mark> | { items: NavItemType\[] } |                                                      |
| 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 %}