Field

Pembungkus label, petunjuk, dan pesan galat untuk setiap kontrol.

Basis: Pembungkus tata letak murni. Kontrol di dalamnya tetap elemen asli, dan htmlFor menautkan label ke id kontrol.

src/components/ui/field.tsx

Galat menggantikan petunjuk, bukan menumpuknya — sehingga tinggi baris tidak bergeser saat validasi gagal.

Hanya label

Dengan petunjuk

Petunjuk singkat di bawah kontrol.

Wajib diisi

Tanda bintang menandai isian wajib.

Dengan galat

Format surel tidak valid.

Field tidak peduli kontrol apa yang dibungkusnya.

Nama lengkap

Kategori laporan

Catatan tambahan

Opsional.

Props

Prop	Tipe	Bawaan	Keterangan
`label`	`ReactNode`	—	Teks label di atas kontrol.
`htmlFor`	`string`	—	Id kontrol yang ditautkan ke label.
`hint`	`ReactNode`	—	Teks bantuan. Disembunyikan ketika error terisi.
`error`	`ReactNode`	—	Pesan galat. Menggantikan hint, bukan menumpuk.
`required`	`boolean`	`false`	Menampilkan tanda bintang pada label.
`children`	`ReactNode`	—	Kontrol formulir.