Breadcrumbs

Usage

import Breadcrumbs from "@repo/ui/Breadcrumbs";

<Breadcrumbs separator="/">
  <Link to="/docs/introduction">خانه</Link>
  <Link to="/docs/category/components">کامپوننت‌ها</Link>
  <span>بردکرامب</span>
</Breadcrumbs>;

Installation

npx the-dig@latest add Breadcrumbs

Props

Use an accessible label on the nav and mark the current page item with aria-current="page"; separator defaults to /.

Prop	Type	Default
separator	ReactNode (e.g. "/", ">", etc.)	"/"
children	ReactNode (Breadcrumb items, usually Link or span)
className	string	-