Lompat ke isi
CirccaHIG

Komponen / Form & input

Checkbox

Pilihan independen (boleh lebih dari satu) atau persetujuan tunggal. Klik label ikut mengubah nilai.
React · BetaFigma · siapFigmaSumber

Import

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

Props

PropTipeDefaultKeterangan
checkedboolean—Nilai terkontrol.
defaultCheckedboolean—Nilai awal tak terkontrol.
indeterminatebooleanfalseStatus sebagian terpilih.
onCheckedChange(checked: boolean) => void—Dipanggil saat nilai berubah.
childrenReactNode—Label. Tanpa label wajib beri aria-label.
disabledbooleanfalseNonaktif. Otomatis mengikuti FormField.
readOnlybooleanfalseHanya baca: nilai dibekukan tanpa dipudarkan (dokumen sudah diajukan).
name / value / requiredstring / string / boolean—Untuk form HTML.

Sumber

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

Esc
↑↓ pilih↵ buka12 hasil