Checkbox

A control that allows the user to toggle between checked and not checked.

Preview

Code

bool value = false;

@override
Widget build(BuildContext context) {
 return ShadCheckbox(
   value: value,
   onChanged: (v) => setState(() => value = v),
   label: const Text('Accept terms and conditions'),
   sublabel: const Text(
     'You agree to our Terms of Service and Privacy Policy.',
   ),
 );
}

Form

Preview

Code

ShadCheckboxFormField(
 id: 'terms',
 initialValue: false,
 inputLabel:
     const Text('I accept the terms and conditions'),
 onChanged: (v) {},
 inputSublabel:
     const Text('You agree to our Terms and Conditions'),
 validator: (v) {
   if (!v) {
     return 'You must accept the terms and conditions';
   }
   return null;
 },
)