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.)

Text field material

Text area material

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

Material DesignMaterial Design

Text Fields - Controls - iOS - Human Interface Guidelines - Apple Developer