Lompat ke isi
CirccaHIG

Komponen / Form & input

FormField

Label + kontrol + teks bantuan/error. Selalu dipakai untuk isian form agar label, tanda wajib, dan pesan error konsisten serta terhubung.
React · BetaFigma · siapFigmaSumber

Import

tsx
import { FormField } from '@divistant/circca-react';

Props

PropTipeDefaultKeterangan
labelReactNode—Label field (wajib).
requiredbooleanfalseTanda * dan meneruskan `required` ke kontrol.
optionalbooleanfalseMenampilkan "(opsional)".
helperTextReactNode—Teks bantuan singkat.
errorReactNode—Pesan error; membuat kontrol invalid.
disabledbooleanfalseMenonaktifkan kontrol di dalamnya.
readOnlybooleanfalseKontrol hanya baca.
idstring—id kontrol; default dibuat otomatis.
childrenReactNode—Satu kontrol Circca: Input, Textarea, AmountInput, Select, RadioGroup.

Sumber

Kode komponen ada di packages/react/src/components/form-field. Gaya hanya memakai kelas token Circca HIG — tidak ada warna, spasi, atau radius mentah.

Esc
↑↓ pilih↵ buka12 hasil