Kotak Semak

Penggunaan

import { Checkbox } from "@govtechmy/myds-react/checkbox";

export default () => <Checkbox />;

Contoh

Saiz

Gunakan prop size untuk menukar saiz kotak semak!

Keadaan Tidak Terkawal vs Terkawal

Prop checked membolehkan anda mengawal keadaan kotak semak. Jika anda tidak menyediakan prop checked, kotak semak akan tidak terkawal.

Untuk menguruskan keadaan kotak semak terkawal, anda perlu menyediakan prop checked dan mengendalikannya melalui pendengar acara onCheckedChange.

Dilumpuhkan

Kotak semak boleh dilumpuhkan dengan menetapkan prop disabled kepada true. Apabila dilumpuhkan, kotak semak tidak akan interaktif.

Tidak Menentu

Keadaan tidak menentu digunakan apabila kotak semak adalah sebahagian daripada kumpulan kotak semak dan beberapa kotak semak dipilih manakala yang lain tidak. Ia biasanya digunakan dalam kotak semak induk untuk menunjukkan bahawa beberapa kotak semak anaknya dipilih.

Props

Checkbox