Set a variable to hold a default property value for a component, then map that variable across all instances of that component in your flow. This centralizes configuration — change one variable, all components update.

We'll use the Avonni Progress Indicator's variant attribute in this example. Walk through the setup once, apply it everywhere.

Step 1: Create a Text Variable

Create a text variable to store the Progress Indicator variant value — "vertical" in this case.

To do this:

1️⃣ Open your flow, navigate to the main canvas.

2️⃣ Click Toolbox to access variable management.

3️⃣ Click New Resource to create a variable.

4️⃣ Choose Resource Type > Variable.

5️⃣ Set the variable name to "progressIndicatorType" (or whatever property you're centralizing).

6️⃣ Set data type as Text.

7️⃣ Set the default value to "vertical" or the attribute value you need.

8️⃣ Save the variable.

Step 2: Map the Variable to Progress Indicator's Variant Attribute

Now bind that variable to the variant attribute across your Progress Indicator instances:

1️⃣ On a screen element in your flow, drag the Avonni Progress Indicator component onto the canvas.

2️⃣ Click the component to open its properties panel.

3️⃣ Find the Variant attribute (or "Type" depending on component version).

4️⃣ Instead of typing a literal value, click Mapped to bind a resource.

5️⃣ Select the progressIndicatorType variable you created in Step 1.

6️⃣ Repeat steps 1–5 for each screen element where you use the Progress Indicator.

You've now centralized the variant property. Change the variable's default value once, every instance updates automatically. No need to touch individual component configs.