⌘ Anatomy
Fungsi dan Cara Penggunaannya
*
Komponen ini berfungsi sebagai tempat bagi pengguna untuk memasukkan teks atau informasi.
**
Digunakan ketika memasukan Nama pengguna, alamat email, atau kata sandi dalam formulir.
Penjelasan Component Variant
1
Menjelaskan jenis atau kategori informasi yang harus dimasukkan oleh pengguna.
2
Teks contoh yang muncul di dalam field input saat belum ada teks yang dimasukkan.
3
Memberikan informasi tambahan atau petunjuk spesifik kepada pengguna.
↔ Spacing
Text Field
Width
Fixed
240px
Height
Hug
92px
Direction
Vertical
Align Children
Top Left
Gap
Spacing/4PX
Input Field / Default / Default
Width
Fill
240px
Height
Hug
44px
Fill variable
Color/Base/White
Stroke variable
Border/Border - Disable
Direction
Horizontal
Align Children
Center Left
Padding
Spacing/12PX
Spacing/14PX
Gap
Spacing/8PX
Corner radius
Border - Radius/8PX