Breadcrumb Component
Breadcrumb adalah komponen navigasi yang menampilkan posisi halaman saat ini di dalam struktur aplikasi. Komponen ini membantu pengguna memahami di mana mereka berada dan memudahkan mereka kembali ke halaman sebelumnya secara berurutan. Breadcrumb di Next-Light mendukung tampilan fleksibel, penanda aktif, ikon pemisah, serta mode square.
Contoh Penggunaan
Kode berhasil di copy!
5
Kode berhasil di copy!
5
Kode berhasil di copy!
5
Properti Bawaan:
items : BreadcrumbItemProps[]
Array berisi daftar item breadcrumb
Kode berhasil di copy!
5
path : string
Path yang dituju ketika item di klik.
label : string
Teks yang ditampilkan pada breadcrumb.
className : string
Custom class untuk spesifik item breadcrumb.
separatorContent : string | ReactNode
Konten pemisah antar item. Default menggunakan ikon chevron.
Kode berhasil di copy!
5
separatorContent : boolean
Jika aktif, item breadcrumb akan memiliki padding dan latar belakang sehingga terlihat seperti tab kecil / chip.
Kode berhasil di copy!
5
className : string
Mendukung custom styling menggunakan prefix: container::, base::, dan active::.
Kode berhasil di copy!
5