> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/berry/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/berry/v3.9.0/components/breadcrumbs.md).

# 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  |
| divider                                      | boolean           | false(default),true   |
| icon                                         | boolean           | true (default), false |
| icons                                        | boolean           | false(default),true   |
| maxItems                                     | number            | 8                     |
| navigation<mark style="color:red;">\*</mark> | NavItemTypeObject |                       |
| 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 %}