Version:

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>