Minimal 8 karakter.
Panjang: 0 karakter
FormPassword
Kolom kata sandi dengan tombol lihat/sembunyikan, di atas shell yang sama dengan FormInput.
Dasar
Nilai tetap tersimpan saat teks ditampilkan; yang berubah hanya type input. Sebutkan autocomplete yang sesuai: current-password untuk masuk, new-password untuk pendaftaran atau ganti sandi.
Buat dan ulangi kata sandi
Validasi kecocokan milik aplikasi, bukan komponen. Tampilkan pesannya lewat error pada FormField seperti contoh ini.
Minimal 8 karakter.
Error, disabled, dan tanpa tombol
Saat field disabled, tombol lihat ikut nonaktif supaya isinya tidak bisa dibuka. Matikan toggle bila kata sandi tidak boleh terlihat sama sekali.
Kata sandi tidak cocok.
Untuk layar yang dipakai bersama.
API
Props
| Prop | Tipe | Default | Keterangan |
|---|---|---|---|
| v-model | string | — | Isi kata sandi. Sama seperti FormInput. |
| v-model:revealed | boolean | false | Apakah teks sedang ditampilkan. Ikat hanya bila aplikasi perlu tahu atau mengaturnya. |
| toggle | boolean | true | Tombol lihat/sembunyikan. Matikan untuk layar yang dipakai bersama. |
| show-label / hide-label | string | 'Tampilkan kata sandi' / 'Sembunyikan kata sandi' | Nama aksesibel tombol pada tiap status. |
| size | 'sm' | 'md' | 'lg' | 'md' | Tinggi, ukuran teks, dan ikon. |
| icon | string | — | Ikon Iconify di kiri kolom. |
| id / disabled / readonly / required / invalid | — | — | Sama seperti FormInput, termasuk pewarisan dari FormField. |
Slots
| Slot | Tipe | Default | Keterangan |
|---|---|---|---|
| leading | — | — | Konten di kiri kolom, menggantikan icon. |
| trailing | — | — | Konten tambahan sebelum tombol lihat/sembunyikan. |
Atribut seperti name, placeholder, autocomplete, dan minlength diteruskan ke input. Ref komponen menyediakan focus(), blur(), dan select().