Checkbox

bool isChecked = false;
 
Checkbox(
value: isChecked,
label: 'Accept terms and conditions',
onChanged: (value) {
setState(() => isChecked = value ?? false);
},
)
 

Checkbox(
  value: enableNotifications,
  label: 'Enable notifications',
  description: 'Receive email notifications about your account activity',
  onChanged: (value) {
    setState(() => enableNotifications = value ?? false);
  },
)

// Small
Checkbox(
  value: true,
  label: 'Small checkbox',
  size: CheckboxSize.sm,
  onChanged: (value) {},
)
 
// Medium (default)
Checkbox(
value: true,
label: 'Medium checkbox',
size: CheckboxSize.md,
onChanged: (value) {},
)
 
// Large
Checkbox(
value: true,
label: 'Large checkbox',
size: CheckboxSize.lg,
onChanged: (value) {},
)
 

Checkbox(
  value: true,
  label: 'Disabled checkbox',
  disabled: true,
  onChanged: (value) {},
)

true, errorText: 'You must accept the terms to continue', onChanged: (value){" "}
{}, ) ```
</Tab>
</Tabs>
 
### Checkbox Group
 
Manage multiple related checkboxes:
 
<Tabs items={['Preview', 'Code']}>
<Tab value="Preview">
<MobileScreenshot
  src="/previews/checkbox/checkbox_group.png"
  alt="Checkbox group preview"
  width={360}
/>
</Tab>
<Tab value="Code">
```dart
List<String> selectedOptions = ['Option 1'];
 
CheckboxGroup(
options: ['Option 1', 'Option 2', 'Option 3'],
selectedValues: selectedOptions,
onChanged: (values) {
setState(() => selectedOptions = values);
},
)
 

class SignupForm extends StatefulWidget {
  @override
  State<SignupForm> createState() => _SignupFormState();
}
 
class _SignupFormState extends State<SignupForm> {
  bool acceptTerms = false;
  bool attemptedSubmit = false;
 
  void _handleSubmit() {
    setState(() => attemptedSubmit = true);
 
    if (!acceptTerms) {
      return; // Show error
    }
 
    // Process form
  }
 
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        // ... other form fields
 
        Checkbox(
          value: acceptTerms,
          label: 'I accept the terms and conditions',
          error: attemptedSubmit && !acceptTerms,
          errorText: attemptedSubmit && !acceptTerms
              ? 'You must accept the terms to continue'
              : null,
          onChanged: (value) {
            setState(() => acceptTerms = value ?? false);
          },
        ),
 
        AppTheme.gapLg,
 
        Button(
          onPressed: _handleSubmit,
          child: Text('Sign Up'),
        ),
      ],
    );
  }
}