COMPONENT / NAVIGATION
Breadcrumb.
Urutkan items dari induk ke halaman aktif.
Preview
PHP view
<?= component('breadcrumb', ['items' => [['label' => 'Overview', 'href' => '/'], ['label' => 'Components', 'href' => '/components'], ['label' => 'Icons', 'href' => '/icons']]]) ?>Usage
Urutkan items dari induk ke halaman aktif. Elemen terakhir otomatis menjadi teks halaman saat ini.
- Gunakan layout DL yang sudah memuat CSS dan dl.js.
- Letakkan kode berikut di view PHP Anda.
- Ganti data contoh dengan nilai aplikasi. Teks di-escape otomatis.
PHP view
<?= component('breadcrumb', ['items' => [['label' => 'Overview', 'href' => '/'], ['label' => 'Components', 'href' => '/components'], ['label' => 'Icons', 'href' => '/icons']]]) ?>API reference
Props PHP yang didukung implementasi DL. Field di dalam array mengikuti bentuk pada kolom Type. Props yang tidak dicantumkan tidak menjadi bagian API komponen.
| Prop | Type / values | Panduan |
|---|---|---|
items | array<{label:string,href?:string,current?:bool}> | Urutan item; struktur lengkap ditunjukkan pada tipe dan contoh. |
Behavior & accessibility
Navigasi memiliki label Breadcrumb dan aria-current page pada elemen terakhir.
Uji keyboard, fokus, dan pembaca layar pada halaman aplikasi Anda. Contoh ini tidak menggantikan audit aksesibilitas aplikasi secara menyeluruh.
Source & agent context
Source tersedia di views/components/breadcrumb.php. Edit template ini jika membutuhkan perilaku tambahan. API PHP DL berbeda dari API React sumber rujukan.
Terminal
php dl component breadcrumb