# Shadcn UI Checkbox

> Add checkboxes with ShadCheckbox and ShadCheckboxFormField; label, sublabel, form validation. Use when adding boolean toggles or terms acceptance in a Flutter shadcn_ui app or ShadForm.

- Skill: `serverpod/shadcn-ui-checkbox` (Agent Skill)
- Install (CLI): `npx skillmds@latest add serverpod/shadcn-ui-checkbox`
- Raw SKILL.md: https://api.skillmd.com/api/skills/serverpod/shadcn-ui-checkbox/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: serverpod (https://skillmd.com/u/serverpod)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/serverpod/shadcn-ui-checkbox

---


# Shadcn UI — Checkbox

## Instructions

`ShadCheckbox` is a control that toggles between checked and unchecked. Use `value` and `onChanged`; optional `label` and `sublabel`. For forms use `ShadCheckboxFormField` with `id`, `validator`, and form state.

### Standalone

```dart
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 field

```dart
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;
  },
)
```