Configure Conditional Data
Show different values by context — e.g. “Welcome back” when logged in vs “Please sign in” when not.
Conditional data attaches multiple branches to a property binding. The runtime evaluates branches top to bottom and outputs the first match.
Matching rules
- Top to bottom — evaluate from the first branch downward
- First match wins — when a branch is
true, output its value and stop - Use an Always fallback — we recommend ending with Always (like
else) so the binding has a default value when no condition matches
Configuration
Example: welcome text by login state.
Enable conditional data
- Select the component (e.g. Text).
- Next to the property (e.g. Content), open Conditional data.
- The branch panel appears in the right sidebar.
Add branches
- Add branch — e.g.
Logged in - Condition: Is logged in (environment constant) =
true - Value:
"Welcome back!"
Always branch
- Add Always at the bottom
- Value:
"Please sign in to continue."
Preview
Open preview with different login states and confirm the text switches correctly.
⚠️
Branch order: Put the most specific conditions first. If “default user” is above “gold member”, gold members may match the wrong branch.
Null values: If a branch depends on an input that may be empty, check for a value first or provide an Always fallback. For null values in data-source filters, see Query and Bind Data.
Related reading
Last updated on