Home

Guides

Editor

Components

Actions

Conditions

Components

Basic

Container

Text

Image

Icon

Button

Forms

Local State

Text Input

Date Picker

Logic

Conditional Logic

Conditional Switch Logic

Modal

Sheet

Pager

Tabbed Pager

Data

Data Loader

Repeating Item

Countdown Timer

Data Transformer

Date Elements

Paging Data Loader

Contentful

Rich Text

Conditional Logic Component Documentation

Overview

The Conditional Logic Component allows you to create dynamic behavior in your app by executing actions based on specific conditions. This component evaluates whether certain conditions are met and triggers different outcomes accordingly, enabling more customised and interactive experiences for users.


Key Features

  • If/Then Logic

  • Customisable Outcomes


Component Fields

1. Condition

This field allows you to define the specific condition that will occur. To set up the condition, click on the field to display the condition options and select the desired condition from the list. Click here to learn more about Conditions.

2. Content

Preview

3. Show


Best Practices for Using the Conditional Logic Component

  • Keep Conditions Simple: For better readability and maintainability, keep each condition focused on a single aspect. Combine multiple conditional logic steps only when necessary.

  • Test Multiple Scenarios: Ensure you test both the "true" and "false" conditions thoroughly to confirm the expected actions occur in all cases.