Checkbox

Kotak centang dengan label, deskripsi, dan status tak tentu.

Basis: Elemen <input type="checkbox"> asli dengan appearance-none. Centangnya adalah SVG saudara, bukan mask CSS — nilai arbitrer bermuatan spasi tidak dapat diurai Tailwind.

src/components/ui/checkbox.tsx

Dasar

Saya menyetujui syarat dan ketentuan

Kirimi saya pembaruan

Simpan sebagai draf

Laporan dapat dilanjutkan kapan saja sebelum dikirim.

Status

Status dikendalikan atribut asli, sehingga gaya :checked dan :disabled yang tampil adalah gaya sungguhan.

Belum dicentang

Dicentang

Nonaktif

Nonaktif dan dicentang

Grup Pilihan

Kanal pemberitahuan

Surel

SMS

Props

Prop	Tipe	Bawaan	Keterangan
`label`	`ReactNode`	—	Label di samping kotak centang.
`description`	`ReactNode`	—	Teks penjelas di bawah label.
`id`	`string`	—	Wajib agar label dapat diklik untuk mengubah nilai.
`…props`	`InputHTMLAttributes<HTMLInputElement>`	—	Atribut input bawaan, termasuk checked, defaultChecked, dan disabled.