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.
Available logic components
Section titled “Available logic components”| Component | Purpose |
|---|---|
| If | Displays child components only when a condition is true. |
| Else | Provides the fallback content for a preceding If component. |
| For | Repeats child components for each item in a list or array. |
| Disable | Disables all child components inside the wrapper. |
| Ignore Validations | Allows child components to bypass validation checks. |
| Scope | Creates a scoped context for grouping or isolating logic. |
Disable component
Section titled “Disable component”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.
| Property | Purpose |
|---|---|
| Disabled | Controls whether the wrapped components are disabled. |
| Keep disabled if already disabled | Keeps 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.
Common pattern
Section titled “Common pattern”<Disable disabled={true}> PurchaseRequestInclude</Disable>