Komponen / Form & input
Input
Kolom isian satu baris. Bungkus dengan FormField agar selalu punya label.
Anatomi
- 1Kotak isianGaris 0,5 px + bayangan dalam tipis. Fokus: garis aksen 1 px + cincin fokus. Error: garis merah.
- 2Ikon / prefix (opsional)Ikon pencarian, atau teks di depan nilai.
- 3Nilai / placeholderPlaceholder hanya contoh format, bukan label.
- 4Suffix (opsional)Satuan: %, hari, kg.
Kapan dipakai
Gunakan
- Lebar kotak mengikuti panjang isian yang diharapkan (kode pos lebih pendek dari alamat).
- Pakai type & inputMode yang tepat (email, numeric) agar keyboard ponsel sesuai.
Hindari
- Jangan memakai disabled untuk dokumen yang sudah submit — pakai readOnly.