Sometimes you want to use a dynamic piece of content within your Flow such as an email address or a localized string for i18n. In these cases, you can use dynamic variables to personalize for each user.

​
Setting Dynamic Variables

Flows support setting custom variables anywhere in the data defined from the Frigade dashboard with the ${variable} pattern. For instance, your Flow 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'
  }}
/>
Variables can also be added at the global level via the <Frigade.Provider />. This will make them accessible in all Flows and Collections. To pass in variables globally, simply pass the variables object to the provider: 
<Frigade.Provider
  ...
  variables={{
    firstName: 'Christian'
  }}
/>
See the Provider documentation for more details.