Embed a Dashboard Created in KPI Dashboards

To embed an existing dashboard created in KPI Dashboards, use the Dashboard component.

Steps:

1. Obtain the identifier of the dashboard via catalog-export.

2. Import the Dashboard component from the @gooddata/sdk-ui-dashboard package into your app:

   import { Dashboard } from "@gooddata/sdk-ui-dashboard";
   

3. Create a Dashboard component in your app, and provide it with the workspace ID and the visualization identifier that you obtained at Step 1:

   import { idRef } from "@gooddata/sdk-model";
   import { Dashboard } from "@gooddata/sdk-ui-dashboard";
   import "@gooddata/sdk-ui-dashboard/styles/css/main.css";
   
   <Dashboard dashboard={idRef("aby3polcaFxy")} />;