Lompat ke isi
CirccaHIG

Komponen / Navigasi

Breadcrumbs

Jejak lokasi halaman dalam hierarki modul: "Order & pengadaan › PO Customer". Biasanya dipakai di dalam PageHeader, di atas judul.
React · BetaFigma · siapFigmaSumber

Kapan dipakai

Gunakan

  • Mulai dari modul (grup navigasi samping) lalu daftar dokumen: "Order & pengadaan › PO Customer".
  • Di dalam PageHeader biarkan Show current mati — nomor dokumen sudah menjadi judul.
  • Setiap level induk berupa tautan yang benar-benar membuka halaman tersebut.
  • Untuk jejak panjang, pertahankan level teratas dan induk langsung; ringkas level tengah menjadi "…".

Hindari

  • Jangan memakai Breadcrumbs sebagai pengganti navigasi utama atau Tabs.
  • Jangan mengulang judul halaman di jejak bila judul sudah tampil tepat di bawahnya.
  • Jangan menampilkan jejak di halaman tingkat teratas (Beranda) — hanya berisi satu level.
  • Jangan mengganti pemisah dengan "/" atau ">" ketikan; pemisah chevron dibuat otomatis.

Contoh benar & salah

GunakanJejak berisi induk; nomor dokumen hanya di judul.
PO-2026-0142
HindariNomor dokumen diulang di jejak tepat di atas judul yang sama.
GunakanLabel sama dengan nama menu dan daftar: "Order & pengadaan › PO Customer".
HindariLabel berupa path/URL teknis: "order › po_customer › list".

Penulisan

  • Pakai nama yang sama persis dengan menu navigasi dan judul daftar.
  • Huruf kapital hanya di awal ("PO Customer" tetap karena singkatan & istilah).
  • Singkat: satu sampai tiga kata per level.

Komponen terkait

Esc
↑↓ pilih↵ buka12 hasil