Toggling visibility of components

Often it is necessary to show/hide a component based on some customer's input. This can be achieved with visibility_condition.

Visibility condition is using JsonLogic. The available variables within it are input and flags. The input variable will contain all of the customer input. For example, input.first_name contains the value of first_name field. flags on the other hand contains some system defined attributes. These are:

  • editing (boolean - set to true when the "edit" button is clicked in summary screen)

  • quote_loaded (boolean)

  • active_items (integer - count of items)

  • is_lead (boolean - is the customer entering the application is a lead)

  • is_prefilling (boolean - is the customer entering the application with some data prefilled)

Example visibility condition:

{
  "type": "jsonlogic",
  "schema": {
    "if": [
      {
        "var": "input.module_enabled"
      },
      true,
      false
    ]
  }
}

Last updated