Conditional Region — Reference

Create or remove a region’s child content according to a condition.

Before you begin

• An App Connect page. Use a small known data set when verifying data binding or repetition.

Conditional Region

Create or remove a region’s child content according to a condition.

Properties, data and actions

Part	Meaning
ID	Names the conditional region for selection and bindings.
Condition	The boolean expression determining whether child content is instantiated. Default false.
show / hide events	Raised when the region changes between shown and hidden states. They describe this component’s lifecycle, not a server authorization outcome.

Worked example

Bind a Conditional Region’s condition to detailsToggle.checked and put a small form inside it. Check the toggle to create the content, then uncheck it to remove it. Re-enable it and inspect which child-local state is recreated.

Behavior and limits

This differs from Show/Hide styling: Conditional Region destroys its child components when hidden and reparses them when shown. Unbound local input state can be lost; data bound to an external store can be restored. Do not use this as the only protection for private server data.

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

You can use the component’s actual data path, configure its controls and verify the example’s reactive behavior.