Skip to content

Logic Components

Logic components control how other screen components behave. They usually wrap one or more child components and apply logic to everything inside them.

You can find logic components in the LOGIC section of the Components toolbar.

ComponentPurpose
IfDisplays child components only when a condition is true.
ElseProvides the fallback content for a preceding If component.
ForRepeats child components for each item in a list or array.
DisableDisables all child components inside the wrapper.
Ignore ValidationsAllows child components to bypass validation checks.
ScopeCreates a scoped context for grouping or isolating logic.

Use the Disable component when a section of the screen must be visible but not editable.

For example, an approval task screen can display a submitted purchase request in read-only mode by wrapping the include screen with a Disable component.

PropertyPurpose
DisabledControls whether the wrapped components are disabled.
Keep disabled if already disabledKeeps child components disabled if they were already disabled by another parent component or condition.

Tip

Set Disabled to true when the wrapped content should always be read-only in the current screen.

<Disable disabled={true}>
PurchaseRequestInclude
</Disable>