Breadcrumb

Installation

yarn add @neokit/breadcrumb

Import

import { Breadcrumb, BreadcrumbItem, BreadcrumbLink } from '@neokit/breadcrumb';

Basic Usage

<Breadcrumb>
  <BreadcrumbItem>
    <BreadcrumbLink to="#">
        Neoauto
    </BreadcrumbLink>
  </BreadcrumbItem>
  <BreadcrumbItem>
    <BreadcrumbLink to="#">
        Auto
    </BreadcrumbLink>
  </BreadcrumbItem>
  <BreadcrumbItem isCurrentPage>
    <BreadcrumbLink to="#">
        Nissan XL
    </BreadcrumbLink>
  </BreadcrumbItem>
</Breadcrumb>

Custom Breadcrumb

It provides the pageColor, currentPageColor, hoverPageColor style props to style the breadcrumb.

<Breadcrumb
  pageColor="red"
  currentPageColor="orange"
  hoverPageColor="blue">
  <BreadcrumbItem>
    <BreadcrumbLink to="#">
        Neoauto
    </BreadcrumbLink>
  </BreadcrumbItem>
  <BreadcrumbItem>
    <BreadcrumbLink to="#">
        Auto
    </BreadcrumbLink>
  </BreadcrumbItem>
  <BreadcrumbItem isCurrentPage>
    <BreadcrumbLink to="#">
        Nissan XL
    </BreadcrumbLink>
  </BreadcrumbItem>
</Breadcrumb>