Components/TextField (AppTextField)
TextField (AppTextField)
● Ready Web Nuxt 4 + Mobile React Native
Bidang input teks terstruktur dengan penanganan masking sandi, tombol hapus instan, validasi kesalahan, dan ring fokus berstandar WCAG.
Import
<AppTextField />Validasi yang menjelaskan, bukan cuma menandai
Sertakan errorMessage yang spesifik dan instruktif — misalnya "Password harus mengandung minimal 8 karakter" — setiap kali validasi gagal, seperti dicoba pada kontrol "Error State" di bawah. Jangan hanya mewarnai border menjadi merah tanpa teks penjelasan: border merah saja memberi tahu pengguna *bahwa* ada yang salah, tapi tidak *apa* yang salah atau *bagaimana* memperbaikinya, sehingga siswa harus menebak-nebak sendiri.
TextField Interactive Playground
Gunakan email aktif untuk pengiriman bukti pembayaran try out.
Butuh detail props, events, dan slot?