LivaBreadcrumb
Kullanıcının sayfa hiyerarşisindeki konumunu gösteren, erişilebilir
(nav + aria-current) bir içerik haritası bileşeni. Öğeler href ile
bağlantı, onClick ile buton ya da hiçbiri verilmeden düz metin olarak
işlenir.
import { LivaBreadcrumb } from "@dataliva/livalib";
Temel kullanım
Son öğeye current: true verilir; bu öğe bağlantı yerine
aria-current="page" özellikli bir metin olarak gösterilir.
Temel kullanım
Önizleme yükleniyor…
Özel ayraç ve onClick
separator herhangi bir ReactNode alabilir. href yerine yalnızca
onClick verilen öğeler buton olarak işlenir; yönlendirmeyi kendiniz
yapabilirsiniz (ör. router ile).
Özel ayraç ve onClick
Önizleme yükleniyor…
Statik öğeler
href ve onClick verilmeyen öğeler tıklanamaz düz metin olarak kalır.
Bağlantısız (statik) öğeler
Önizleme yükleniyor…
| Prop | Tip | Varsayılan |
|---|---|---|
items | LivaBreadcrumbItem[] | — (zorunlu) |
separator | ReactNode | '»' |
className | string | '' |
ariaLabel | string | 'Breadcrumb' |
LivaBreadcrumbItem alanları
| Alan | Tip | Varsayılan |
|---|---|---|
label | ReactNode | — (zorunlu) |
key | string | number | dizi indeksi |
href | string | — |
onClick | (event) => void | — |
current | boolean | false |