Komponen Formulir & Input
Elemen input teks, pencarian berikon, input password, floating label, dan textarea.
Rikat Declarative / PrimeNG-StyleKomponen input formulir ala <p-input> di PrimeNG menggunakan tag <l-input>. Mendukung label terintegrasi, ikon di dalam kolom, awalan/akhiran addon (prefix/suffix), fitur clearable sekali klik, dan variasi tipe data.
Input Teks Deklaratif & Ikon Terintegrasi
<!-- Input Teks dengan Label Otomatis -->
<l-input label="Nama Lengkap" placeholder="Masukkan nama Anda..."></l-input>
<!-- Input Berikon Surat -->
<l-input label="Alamat Email" type="email" placeholder="[email protected]" icon="mail"></l-input>
<!-- Input Pencarian Berikon Kaca Pembesar -->
<l-input label="Pencarian Dokumentasi" placeholder="Cari..." icon="search"></l-input>
Addon Awalan & Akhiran (Prefix / Suffix)
<!-- Input dengan Prefix Protokol dan Suffix Domain -->
<l-input label="Subdomain Proyek" prefix="https://" suffix=".ngpk.dev" placeholder="nama-aplikasi"></l-input>
<!-- Input Mata Uang -->
<l-input label="Harga Langganan" prefix="Rp" suffix="/bulan" placeholder="150.000"></l-input>
Input Dapat Dihapus Sekali Klik (Clearable)
<!-- Input Clearable dengan Tombol Reset Cepat -->
<l-input label="Filter Kata Kunci" placeholder="Ketik kata kunci..." value="Komponen PrimeNG" clearable></l-input>
Input Kata Sandi dengan Tombol Lihat (toggle-mask)
<!-- PrimeNG-Style Input Password dengan toggle-mask -->
<l-input type="password" label="Kata Sandi Akun" value="NgapakinSecure2026!" toggle-mask></l-input>
Kolom Catatan Multibaris (<l-textarea>)
<!-- PrimeNG-Style Textarea Deklaratif dengan Batas Karakter -->
<l-textarea label="Catatan Tambahan" placeholder="Tuliskan catatan..." rows="3" char-limit="200"></l-textarea>
Status Terkunci & Validasi Kesalahan (invalid)
<!-- Input Terkunci -->
<l-input label="ID Mesin" value="SRV-09" disabled></l-input>
<!-- Input Galat Validasi Deklaratif -->
<l-input label="Nomor Port Server" value="99999" invalid error-message="Port tidak valid! Masukkan angka antara 1024 dan 65535."></l-input>