Toggle — Reference
Hold a boolean page state that can be checked, unchecked or inverted.
Hold a boolean page state that can be checked, unchecked or inverted.
Before you begin
Section titled “Before you begin”- An App Connect page. Use a small known data set when verifying data binding or repetition.
Toggle
Section titled “Toggle”Hold a boolean page state that can be checked, unchecked or inverted.
Properties, data and actions
Section titled “Properties, data and actions”| Part | Meaning |
|---|---|
| ID | The component name, such as detailsToggle. |
| Checked | The initial/bound checked state. Default false. |
| checked data | Read detailsToggle.checked. It is not detailsToggle.value. |
| Check | Sets Checked true. |
| Uncheck | Sets Checked false. |
| Toggle | Inverts the current checked state. |
| updated event | Signals that the checked state updated; use it only when the additional event-driven work is needed. |
Worked example
Section titled “Worked example”Add a Toggle named detailsToggle. Bind a section’s Show condition to detailsToggle.checked. Add a button Click action calling detailsToggle.toggle(). Confirm each click changes visibility, then use Check or Uncheck when the desired state should be explicit.
Behavior and limits
Section titled “Behavior and limits”Toggle is not a visible checkbox control by itself, and it does not persist across reloads. Browser visibility state is not a permission or server-side validation rule.
Build the surrounding page flow
Section titled “Build the surrounding page flow”Use a practical App Connect guide when you need the surrounding page, input or server-data workflow.
Check your result
Section titled “Check your result”You can use the component’s actual data path, configure its controls and verify the example’s reactive behavior.