Lompat ke isi
CirccaHIG

Komponen / Form & input

FormField

Label + kontrol + teks bantuan/error. Selalu dipakai untuk isian form agar label, tanda wajib, dan pesan error konsisten serta terhubung.
React · BetaFigma · siapFigmaSumber

Kapan dipakai

Gunakan

  • Label singkat berupa kata benda ("Nomor PO Customer").
  • Validasi saat submit atau saat field ditinggalkan, bukan setiap ketikan.

Hindari

  • Jangan memakai placeholder sebagai pengganti label.
  • Jangan menulis pesan error yang menyalahkan ("Input salah!").

Contoh benar & salah

GunakanLabel selalu terlihat di atas kontrol; placeholder hanya contoh format.
HindariPlaceholder sebagai label — hilang saat pengguna mulai mengetik.

Penulisan

  • Label berupa kata benda singkat, huruf kapital hanya di awal ("Nomor PO customer").
  • Pesan error menyebut apa yang salah dan cara memperbaikinya: "NPWP harus 16 digit."
  • Teks bantuan satu kalimat; jangan mengulang label.

Komponen terkait

Esc
↑↓ pilih↵ buka12 hasil