Skip to Content
DocumentationDataGuidesConfigure Conditional Data

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

  1. Top to bottom — evaluate from the first branch downward
  2. First match wins — when a branch is true, output its value and stop
  3. 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

  1. Select the component (e.g. Text).
  2. Next to the property (e.g. Content), open Conditional data.
  3. The branch panel appears in the right sidebar.

Add branches

  1. Add branch — e.g. Logged in
  2. Condition: Is logged in (environment constant) = true
  3. Value: "Welcome back!"

Always branch

  1. Add Always at the bottom
  2. 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.

Last updated on