Breadcrumb
FREEOrtası menüye daralan, ikonlu, ayraç seçenekli ve arama motorları için yapılandırılmış veri üreten konum yolu.
Kurulum
Terminal
npx @bloxa/cli add breadcrumb
# or: npx shadcn@latest add @bloxa/breadcrumbOtomatik kurulan paketler: radix-ui
Örnekler
İkon, ayraç ve daralma
API
Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.
Breadcrumb
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| items | { label, href?, icon? }[] | — | Yol; son öğe geçerli sayfa. |
| separator | "chevron" | "slash" | "dot" | ReactNode | "chevron" | Ayraç. |
| maxItems | number | 4 | Üstündeyse ortası menüye daralır. |
| renderLink | (item, children) => ReactNode | — | Router bağlantısı. |