onSelectDataTable

Registers a callback that runs when a data consumer requests data from an app.

When this callback runs, an app can either:

• Immediately send data to the consumer
• Render a UI that allows the user to select what data to send to the consumer

To learn more, see Creating providers.

Usage

import { getDataProvider } from "@canva/data-provider";

const dataProvider = getDataProvider();

dataProvider.onSelectDataTable((options) => {
  options.selectDataTable({
    name: "Pokemon",
    columns: [
      {
        type: "string",
        name: "Name",
        values: ["Pikachu", "Squirtle", "Bulbasaur", "Charmander"],
      },
      {
        type: "string",
        name: "Type",
        values: ["Electric", "Water", "Grass", "Fire"],
      },
      {
        type: "number",
        name: "Level",
        values: [42, 29, 32, 9],
      },
      {
        type: "boolean",
        name: "isCaptured",
        values: [true, true, false, true],
      },
      {
        type: "date",
        name: "capturedAt",
        values: [new Date(), new Date(), undefined, new Date()],
      },
    ],
  });
});

Parameters

Returns

void