Komponen / Form & input
Input
Kolom isian satu baris. Bungkus dengan FormField agar selalu punya label.
Import
tsx
import { Input } from '@divistant/circca-react';Props
Juga menerima semua atribut <input>. `className` dipasang ke kotak, `inputClassName` ke elemen <input>.
| Prop | Tipe | Default | Keterangan |
|---|---|---|---|
| size | 'sm' | 'md' | 'lg' | 'md' | Tinggi 24 / 28 / 36. |
| leadingVisual | Visual | — | Ikon di kiri. |
| trailingVisual | Visual | — | Ikon di kanan. |
| prefix | ReactNode | — | Teks di depan nilai. |
| suffix | ReactNode | — | Teks satuan di belakang nilai. |
| invalid | boolean | false | Tampilan error. Otomatis true bila FormField punya `error`. |
| disabled | boolean | false | Nonaktif. Otomatis mengikuti FormField. |
| readOnly | boolean | false | Hanya baca (dokumen sudah submit) — teks tetap kontras penuh. |
| inputClassName | string | — | Kelas untuk elemen <input>, mis. text-right. |
Sumber
Kode komponen ada di packages/react/src/components/input. Gaya hanya memakai kelas token Circca HIG — tidak ada warna, spasi, atau radius mentah.