مسیر

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? }[]-آخرین آیتم صفحه‌ی فعلی است و لینک نمی‌شود.