Skip to main content

Tamaro Integration

The progress bar can be integrated into your Tamaro donation form. The configurator can be used to generate the necessary code snippet.

The following page describes further customization options for the Progress Bar Tamaro Plugin.

Progress Bar Tamaro Plugin​

info

The following page is a guide for advanced users. For a simple integration, please use the configurator.

This plugin will create a Tamaro slot that will place the Progress Bar in the donation form.

Installation​

Usage​

Example usage of the progressBarTamaroPlugin function:

<script type="module">
  // Import the Progress Bar Tamaro plugin see installation
  // import {progressBarTamaroPlugin} from '...'
  progressBarTamaroPlugin({
    progressBarConfig: {
      variant: 'horizontal-centered',
      highlightAmount: true,
    },
    // Optional
    tamaroInstance: () => window.rnw.tamaro,
  })
</script>
<!-- Recommended styling options -->
<style>
    :root {
      --progress-bar-primary-color: var(--tamaro-primary-color);
      --progress-bar-track-border-radius: 0;
    }
</style>

Configuration​

The progressBarTamaroPlugin function accepts the following options:

OptionTypeDescription
progressBarConfigProgressBarConfigThe configuration for the progress bar. Read more about the configuration options here
tamaroInstance() => Promise<any> | anyA function that returns the Tamaro instance. By default, the plugin will look for window.rnw.tamaro