---
schema_version: "1"
id: 8d19833986247dcedbe2fd71b63d289251f713dbaa7140f5147ffcd3275e0dd6
title: Reactive Screen Flow Components
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/flow_build_reactive_screen_flow_components.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.flow_build_reactive_screen_flow_components.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: d099167f7f2dd12a91e8eb97e888c0d8c661ec5814d4f64d26a5f10c743fc0f8
description: Not all screen flow components support reactivity. Review which components do and any limitations that apply.
products:
  - Flow Builder
  - Salesforce Platform
release: "264"
---
# Reactive Screen Flow Components

Not all screen flow components support reactivity. Review which components do and any limitations that apply.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><a href="https://help.salesforce.com/s/articleView?id=platform.flow_ref_supported_editions.htm&amp;release=264.0.0&amp;type=5" title="Learn about the editions and user interfaces that support Flow Builder. Some Flow Builder features integrate with other Salesforce products that require additional licenses.">View supported editions.</a></td></tr></tbody></table>

## Standard Screen Flow Components That Support Reactivity

You can configure these components to react in real time to changes in other components on the same screen.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:33.33333333333333%">
          <col style="width:66.66666666666666%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d273409e65">Supported Components</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d273409e68">Level of Reactivity</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Address</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Full</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Checkbox</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Full</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Choice Lookup</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Full</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Currency</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Full</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Data Table</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Full</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Date</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Full</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Date &amp; Time</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Full</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Dependent Picklist</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">The Dependent Picklist component doesn't react to changes in other
              components but can propagate its own changes to other components. </td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Display Text</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">
              <p>If you reference a Currency-type record variable from another component, the
                value may appear without a currency symbol. To avoid this issue, wrap the
                reference in a Currency formula—for example, when referencing an Amount field from
                a Data Table.</p>
              <p>Additionally, if you reference a Choice resource from a previous screen in a
                Display Text component, the component shows the Choice Label instead of the Choice
                Value.</p>
              <p>If you include a reference to another screen component within the text box of the
                Display Text component, it is subject to the same 3,900-character limit as
                reactive formulas. Rich text formatting (such as bold) counts toward this limit
                and can prevent reactivity if the limit is exceeded. </p>
              <p>When you debug a flow that includes a Display Text component that reacts to
                changes on the same screen, Flow Builder doesn’t update the Debug Details pane
                when the text changes.</p>
              <p style="margin-bottom:0;">If you reference a non-Text collection in the Display Text component, you can't
                simultaneously reference both a non-Text collection and the output of another
                component on the same screen. For example, if you reference a collection of Date
                values and the output of a Text component on the same screen, the flow returns an
                error.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Email</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Full</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Long Text Area</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">
              <p>If you reference the output of another component and the output is a record
                variable of type Currency, the value appears differently in the Long Text Area
                component than in other parts of the flow. For example, the flow renders currency
                values without a currency symbol. To avoid this issue, wrap the reference in a
                Currency formula—for example, when referencing an Amount field from a Data
                Table.</p>
              <p>If you include a reference to another screen component within the body of the
                Long Text Area component, the text is subject to the same character limit as
                reactive formulas. Rich text formatting (such as bold) counts toward this limit
                and can prevent reactivity if the limit is exceeded..</p>
              <p style="margin-bottom:0;">If you reference a non-Text collection in the Long Text Area component, you
                can't simultaneously reference both a non-Text collection and the output of
                another component on the same screen. For example, if you reference a collection
                of Date values and the output of a Text component on the same screen, the flow
                returns an error.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Lookup</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Full</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Multi-Select Picklist</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Full</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Name</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">The <samp class="parmname">Available Options and salutationOptions</samp>
              input parameter doesn’t support reactivity.</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Number</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Full</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Password</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Full</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Phone</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Validation doesn't trigger when the pattern or value input
              changes.</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Picklist</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Full</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Radio Buttons</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Full</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Repeater</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">
              <p>In a Repeater component, child components can reference the output
                of other child components. However, a child component can’t reference the output of
                a child component in a different Repeater component.</p>
              <p>Choice components that
                reference a collection choice set resource in the Choice field don't support
                reactivity within a Repeater.</p>
              <p>References to Repeater components aren’t
                supported in formulas.</p>
              <p style="margin-bottom:0;">The Collection for Prepopulated Items field in a
                Repeater isn’t reactive. As a result, outputs from a screen action don't populate
                Repeater data at runtime.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Slider</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Reactivity can cause slider values to fall outside the configured
              range.</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Text</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Full</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Toggle</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Full</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">URL</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Validation doesn't trigger when the pattern or value input
              changes.</td>

          </tr>
          <tr class="">
            <td data-label="Supported Components" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e65 ">Visual Picker</td>

            <td data-label="Level of Reactivity" class="slds-cell-wrap" style="vertical-align:top;" headers="d273409e68 ">Full</td>

          </tr>
        </tbody>
      </table>

## Lightning Web Component Reactivity

Reactivity is supported in Lightning web components. However, to configure a Lightning web component to trigger reactivity in a different component, fire attribute change events following recommended best practices. To configure a Lightning web component to react to changes in other components, update its state when its `@api` parameter changes.

## Flow Components That Don’t Support Reactivity

These components can’t be configured to react to changes in other components on the same screen in real time.

- Display Image
- File Upload
- Aura components

## Flow Resources That Don’t Support Reactivity

These flow resources can’t be configured to react to changes in other components on the same screen in real time.

- A variable that you set to the output of a component
- Record choice set

## Flow Fields That Don’t Support Reactivity

Record fields on screens can't be configured to react to changes in other components on the same screen in real time. This includes fields added using Dynamic Forms for Flow.