Input
Isian teks satu baris dengan status fokus, galat, dan nonaktif.
Basis: Elemen <input> asli. Kelas dasarnya diekspor sebagai controlClassName dan dipakai ulang oleh Textarea serta Select agar ketiganya sejajar.
src/components/ui/input.tsxDasar
Matriks Status
Kolom membandingkan isian normal dengan isian bertanda galat.
| Status | Normal | Galat |
|---|---|---|
| Normal | ||
| Hover | ||
| Fokus | ||
| Ditekan | ||
| Nonaktif |
Dipasangkan dengan Field
Field menyediakan label, petunjuk, dan pesan galat; Input hanya mengurus kontrolnya.
Kami tidak akan membagikan alamatmu.
Nomor telepon wajib diisi.
Props
| Prop | Tipe | Bawaan | Keterangan |
|---|---|---|---|
invalid | boolean | false | Mewarnai batas dan cincin fokus dengan nada destructive, serta menyetel aria-invalid. |
…props | InputHTMLAttributes<HTMLInputElement> | — | Seluruh atribut input bawaan diteruskan, termasuk type, placeholder, disabled, dan value. |