Logic Dynamism

If you want to set a components property dynamically, you will need to use 'logic dynamism'. This is done by selecting the lighting bolt on a components property and setting the control as dynamic control.

Dynamism icon (lighting bolt)

Dynamism icon (lighting bolt)

When you select the Dynamism icon a menu will appear with 3 values to choose from (Static, Variable, or Code)

Dynamism options

Dynamism options

Setting a components property to anything other than a Static one will result in the dynamism icon being on and green. This gives better clarity and a glance that the properties value is set dynamically.

green dynamism icon indicating that the value is set dynamically.

green dynamism icon indicating that the value is set dynamically.

After choosing the Variableoption and selecting the input, a Bind menu will appear with options of either choosing from props (properties) or vars (variables).

Bind menu

Bind menu

Selecting the props option will show us the (3) three properties being passed down to select from.

props with the description prop selected

props with the description prop selected


More info

📘

Watch an overview of properties panel