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