مسیر
breadcrumbکامپوننتمسیر صفحهی فعلی با جداکنندههایی که به سمت چپ اشاره میکنن.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add breadcrumbنصب دستی
محتوای تب «کد» را در
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? }[] | - | آخرین آیتم صفحهی فعلیه و لینک نمیشه. |