# Install

```shell
npm i @mate-react/breadcrumb
```

# Import

```tsx
import { MateBreadcrumbs, MateBreadcrumb } from '@mate-react/breadcrumb';
```

# Variants

## Desktop

```tsx
<MateBreadcrumbs>
  <MateBreadcrumb href="#">Home</MateBreadcrumb>
  <MateBreadcrumb href="#">Directory</MateBreadcrumb>
  <MateBreadcrumb>Current Page</MateBreadcrumb>
</MateBreadcrumbs>
```

## Mobile

```tsx
<MateBreadcrumbs forceMobileMode>
  <MateBreadcrumb href="#">Home</MateBreadcrumb>
  <MateBreadcrumb href="#">Directory</MateBreadcrumb>
  <MateBreadcrumb>Current Page</MateBreadcrumb>
</MateBreadcrumbs>
```

## Overflow

```tsx
<MateBreadcrumbs>
  <MateBreadcrumb href="#">Home</MateBreadcrumb>
  <MateBreadcrumb href="#" shift>Directory</MateBreadcrumb>
  <MateBreadcrumb href="#" shift>Sub-Directory</MateBreadcrumb>
  <MateBreadcrumb>Current Page</MateBreadcrumb>
</MateBreadcrumbs>