NPM
npm install @tableflow/jsYarn
yarn add @tableflow/jsCreate an importer, define your template, and retrieve data on TableFlow.
The full SDK reference is available in our docs.
import createTableFlowImporter from "@tableflow/js";
const importer = createTableFlowImporter({
importerId: "6de452a2-bd1f-4cb3-b29b-0f8a2e3d9353", // Use your importer ID from https://app.tableflow.com/importers
modalOnCloseTriggered: () => importer.close(),
onComplete: (data) => console.log(data),
darkMode: true,
});
const uploadButton = document.getElementById("uploadButton");
uploadButton.addEventListener("click", () => {
importer?.showModal();
});Or directly in HTML
<head>
<script src="https://unpkg.com/@tableflow/js@latest/build/index.js"></script>
</head>
<body>
<button id="uploadButton">Open TableFlow Importer</button>
<script>
const importer = createTableFlowImporter({
importerId: "6de452a2-bd1f-4cb3-b29b-0f8a2e3d9353", // Use your importer ID from https://app.tableflow.com/importers
modalOnCloseTriggered: () => importer.close(),
onComplete: (data) => console.log(data),
darkMode: true,
});
const uploadButton = document.getElementById("uploadButton");
uploadButton.addEventListener("click", () => {
importer?.showModal();
});
</script>
</body>
Need help or have a feature request? Reach out to us over Slack!