# Breadcrumbs

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             | true(default), false  |
| custom      | boolean             | false(default),true   |
| divider     | boolean             | false(default),true   |
| icon        | boolean             | true (default), false |
| icons       | boolean             | false(default),true   |
| maxItems    | number              | 8                     |
| heading     | string              |                       |
| links       | BreadcrumbLinkProps |                       |
| rightAlign  | boolean             | true (default), false |
| separator   | OverrideIcon        | IconChevronRight      |
| title       | boolean             | true (default), false |
| titleBottom | boolean             | true(default), false  |
| sx          | BreadCrumbSxProps   |                       |

Live Preview: <https://berrydashboard.com/basic/breadcrumb>

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