<button id="open-link-button">
Connect Your Account
</button>
<div id="message">
← Please update the link token from the previous step on line 11.
</div>
<script src="https://app.agaveapi.com/init.js"></script>
<script type="text/javascript">
const linkToken = "link_token_from_previous_step";
const button = document.getElementById("open-link-button");
button.addEventListener("click", function () {
const messageEl = document.getElementById("message");
if (!linkToken || linkToken.length !== 40) {
messageEl.innerText = "Invalid link token (check line 11)";
return;
}
window.AgaveLink.openLink({
linkToken: linkToken,
showSandboxSourceSystems: true,
onSuccess: (public_token) => {
messageEl.innerText = "Public token: " + public_token;
},
onExit: (error) => {
console.error(error)
}
});
});
</script>
xxxxxxxxxx
body {
padding: 20px;
}
This Pen doesn't use any external CSS resources.