Breadcrumb
Breadcrumb adalah alat navigasi yang membantu pengguna memahami lokasi semasa mereka dalam laman web atau aplikasi serta membolehkan mereka kembali ke halaman sebelumnya dengan mudah.
Elemen utama yang mendefinisikan struktur dan fungsi Breadcrumb.
- Halaman Induk: Pautan ke halaman atau bahagian sebelumnya, membantu pengguna menavigasi semula melalui hierarki.
- Halaman Semasa: Menunjukkan lokasi semasa pengguna dalam laluan navigasi, biasanya tidak boleh diklik.
- Pembungkus (Wrapper): Bekas yang menutupi breadcrumb untuk memastikan jarak dan penjajaran yang konsisten.
Keadaan Hover
- Kawasan untuk tindakan hover dan klik.
- Garis bawah untuk halaman induk apabila tetikus berada di atasnya.
Pembungkus (Wrapper)
- Penampilan tanpa pembungkus tambahan.
- Penampilan alternatif dengan pembungkus untuk fleksibiliti reka bentuk.
Had Panjang Tajuk
- Had Panjang Tajuk: Tetapkan lebar maksimum 200px untuk tajuk halaman semasa. Jika tajuk melebihi panjang ini, secara automatik paparkan elipsis (contohnya, "Tajuk Halaman Panjang...") untuk memastikan komponen yang kemas dan teratur.