Komponen / Form & input
AmountInput
Isian nominal uang: mata uang di kiri, angka rata kanan dengan pemisah ribuan (id-ID), tanpa desimal untuk Rupiah. Saat fokus tampil angka mentah, saat blur diformat.
Import
tsx
import { AmountInput, terbilang } from '@divistant/circca-react';Props
| Prop | Tipe | Default | Keterangan |
|---|---|---|---|
| value | number | null | — | Nilai terkontrol (angka, bukan teks). |
| defaultValue | number | null | — | Nilai awal tak terkontrol. |
| onValueChange | (value: number | null) => void | — | Dipanggil setiap isi berubah. |
| currency | string | 'IDR' | Kode ISO 4217. |
| locale | string | 'id-ID' | Format pemisah ribuan/desimal. |
| fractionDigits | number | IDR 0, lainnya 2 | Jumlah desimal. |
| min | number | 0 | Nilai minimum (negatif harus eksplisit). |
| max | number | — | Nilai maksimum. |
| size | 'sm' | 'md' | 'md' | Tinggi 24 / 28. Small untuk baris item/tabel. |
| 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. |
Sumber
Kode komponen ada di packages/react/src/components/amount-input. Gaya hanya memakai kelas token Circca HIG — tidak ada warna, spasi, atau radius mentah.