Komponen / Form & input
Switch
Mengaktifkan/menonaktifkan pengaturan yang LANGSUNG berlaku (tanpa tombol Simpan). Untuk pilihan di dalam form yang disimpan belakangan, pakai Checkbox.
Import
tsx
import { Switch } from '@divistant/circca-react';Props
| Prop | Tipe | Default | Keterangan |
|---|---|---|---|
| checked | boolean | — | Nilai terkontrol. |
| defaultChecked | boolean | — | Nilai awal tak terkontrol. |
| onCheckedChange | (checked: boolean) => void | — | Dipanggil saat nilai berubah. |
| size | 'sm' | 'md' | 'md' | Track 30×18 / 38×22. |
| children | ReactNode | — | Label di kanan. Tanpa label wajib beri aria-label. |
| disabled | boolean | false | Nonaktif. Otomatis mengikuti FormField. |
Sumber
Kode komponen ada di packages/react/src/components/switch. Gaya hanya memakai kelas token Circca HIG — tidak ada warna, spasi, atau radius mentah.