مسیر

breadcrumbکامپوننت

مسیر صفحه‌ی فعلی با جداکننده‌هایی که به سمت چپ اشاره می‌کنن.

نصب

  1. با CLI

    اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

    $ npx vibefarsi add breadcrumb
  2. نصب دستی

    محتوای تب «کد» را در components/ui/breadcrumb.tsx بگذارید.

    $ npm i lucide-react
    کپی کل فایلregistry json

استفاده

usage.tsx
1import { Breadcrumb } from "@/components/ui/breadcrumb"23<Breadcrumb items={[{ label: "خانه", href: "/" }, { label: "فروشگاه", href: "/shop" }, { label: "هدفون بی‌سیم" }]} />

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
items{ label; href? }[]-آخرین آیتم صفحه‌ی فعلیه و لینک نمیشه.