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. 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

  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 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.

Last updated on