Appearance
Checkbox
A single boolean toggle for yes/no or true/false values. Renders as an HTML <input type="checkbox"> with a label.
Properties
| Property | Type | Default | Description |
|---|---|---|---|
| name | text | '' | The field name. Must match your database column name. |
| label | text | '' | The text displayed next to the checkbox. |
| required | boolean | false | Whether the checkbox must be checked for form submission (useful for "agree to terms" fields). |
| checked | boolean | false | Pre-check the checkbox. Supports expression binding (e.g., {{ item.is_active }}). |
Events
onChange-- Fires when the checkbox is toggled.
Example
An "agree to terms" checkbox:
name: agree_terms
label: I agree to the Terms and Conditions
required: trueA newsletter opt-in:
name: subscribe_newsletter
label: Subscribe to our newsletter
required: falseAn edit form with a pre-checked value:
name: is_active
label: Active
checked: "{{ item.is_active }}"Tips
- Place inside a Form Container for the value to be included in form submissions.
- The submitted value is
truewhen checked,falsewhen unchecked. This maps naturally tobooleancolumns in your database. - For a group of selectable options (multiple choices), use the Radio Group widget for single-select or a set of Checkboxes for multi-select.
- For filtering data with checkbox options, use a Checkbox widget with an
onChangeevent to trigger pipeline filtering.