Often it’s useful to be able to set variables dynamically in your Flows. For instance, you might want to set the name of the user in a Flow, or dynamically load localized strings (see i18n). This is possible by using dynamic variables.

Flows support setting custom variables anywhere in the data defined from the Frigade dashboard. For instance, your config.yml might look like this:

steps:
  - id: announcement-page-1
  - title: "Welcome to Acme, ${firstName}!"

Then using your React component of choice, you can set the firstName variable like so:

<Frigade.Announcement
  ...
  variables={{
    firstName: 'Christian'
  }}
/>