Lompat ke isi
CirccaHIG

Komponen / Form & input

FilterBar

Baris pencarian + filter + jumlah hasil di atas daftar dokumen (PO, invoice, BAST).
React · BetaFigma · siapFigmaSumber

Kapan dipakai

Gunakan

  • Letakkan tepat di atas DataTable yang disaring, di bawah PageHeader.
  • Tulis jumlah hasil beserta totalnya dan satuannya: "24 dari 142 PO".
  • Tampilkan "Hapus semua filter" hanya saat ada filter aktif.

Hindari

  • Jangan menyembunyikan filter yang sering dipakai di menu "Filter lainnya" — jadikan chip.
  • Jangan memakai lebih dari ±6 chip; filter jarang dipakai taruh di tampilan tersimpan.
  • Jangan menaruh aksi utama halaman (Buat PO) di FilterBar — tempatnya di PageHeader.

Contoh benar & salah

GunakanJumlah hasil menyebut total dan satuan dokumen.
HindariAngka tanpa konteks; pengguna tidak tahu berapa yang tersaring.

Penulisan

  • Jumlah hasil: "<n> dari <total> <dokumen>" — "24 dari 142 PO", "0 dari 86 invoice".
  • Tombol hapus semua: "Hapus semua filter".

Komponen terkait

Esc
↑↓ pilih↵ buka12 hasil