Text Input

Komponen untuk merekam masukan tulisan dari user ke dalam aplikasi, lazim dikenal dengan istilah text field dan text area.

Penting untuk desain menampilkan varian/state dari teks input (bagaimana teks input terlihat saat sedang aktif, error, disabled, dsb.)

State Umum

  • Inactive - ketika user tidak memberikan input/gestur apapun terhadap kolom input, dan kolom tersebut kosong

  • Focused - ketika user menekan kolom input dan muncul keyboard untuk user melakukan input teks

  • Activated - ketika user telah selesai mengisi kolom input dan menekan di luar kolom input sehingga kolom input tidak lagi terfokus

  • Error - ketika terjadi kesalahan pada input user (tidak sesuai validasi)

  • DIsabled - ketika user tidak bisa/tidak boleh melakukan perubahan terhadap isi kolom input

TODO: types, common behavior

Referensi

Last updated