Breadcrumb

FREE

Ortası 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/breadcrumb

Otomatik 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

ÖzellikTipVarsayılanAçıklama
items{ label, href?, icon? }[]—Yol; son öğe geçerli sayfa.
separator"chevron" | "slash" | "dot" | ReactNode"chevron"Ayraç.
maxItemsnumber4Üstündeyse ortası menüye daralır.
renderLink(item, children) => ReactNode—Router bağlantısı.