Usage Example

Here's an example of how to use the Breadcrumb component in your NextJs application:

import React from "react";
import {
  Breadcrumbs,
  BreadcrumbItem,
} from "nextjs-breadcrumb-navigator";

export default function NextJsBreadcrumbNavigator() {
  return (
    <Breadcrumbs>
      <BreadcrumbItem link="/" aria-label="Home">
        Home
      </BreadcrumbItem>
      <BreadcrumbItem link="/products">Products</BreadcrumbItem>
      <BreadcrumbItem className="text-sm" link="/laptops">
        Laptops
      </BreadcrumbItem>
    </Breadcrumbs>
  );
}