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 - Always branch required — end with an Always branch (like
else) so a value exists 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 comparisons: Direct = null filters can behave unexpectedly. Use formulas or an extra branch to guard empty values.
Related Reading
Last updated on