Pass data to your custom component

💬 App Building
13

I was able to get it done this way and it worked:

My model is like this:

{
  "link": "{{link_token.value}}"
}

And my iFrame is like this:

<html>
<!--=================================================
    STYLES AND PAGE INSTRUCTIONS. IGNORE THIS STUFF
    =================================================-->
<head>
  <link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap" rel="stylesheet">
  
</head>
<body style="background-color:#B1EEFC;">
    <div class="outer">
      <button id="link-button" style="background-color: white;border: #0A85EA;color: black;padding: 12px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 14px;margin: 4px 2px;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19)">+ Add New Bank or Credit Card Account</button>

    </div>
  
<script
  src="https://unpkg.com/react@18/umd/react.development.js"
  crossorigin
></script>

<script
  src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"
  crossorigin
></script>
  
  


<!--================================================
    PLAID SCRIPTS. HERE'S THE STUFF YOU'LL EDIT!
    =================================================-->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script src="https://cdn.plaid.com/link/v2/stable/link-initialize.js"></script>
  <script type="text/javascript">
  window.Retool.subscribe(function (model) {
    var handler = Plaid.create({
      token: model.link,
      onSuccess: function(public_token, metadata) {
        console.log('public token is:', public_token);
      },
      onExit: function(err, metadata) {
        console.log('onexit invoked');
      },
      onEvent: function(eventName, metadata) {
        console.log('event name is:', eventName);
      }
    });
    $('#link-button').on('click', function(e) { handler.open() });
  })(jQuery);

  </script>
​
</body>
</html>

Thanks for all the help. Hope this helps someone that was a little stuck like me!

Thanks!

1 Like