Function Dashboard

Dashboard(props): Promise< ReactNode > | ReactNode

React component that renders a dashboard whose elements are customizable. It includes internal logic of applying common filters to widgets.

Note: Dashboard and Widget extensions based on JS scripts and add-ons in Fusion – for example, Blox and Jump To Dashboard – are not supported.

Parameters

Returns

Promise< ReactNode > | ReactNode

Example

Example of rendering a Fusion dashboard using the useGetDashboardModel hook and the Dashboard` component.

import { Dashboard, useGetDashboardModel, dashboardModelTranslator } from '@sisense/sdk-ui';

const CodeExample = () => {
 const { dashboard } = useGetDashboardModel({
   dashboardOid: '65a82171719e7f004018691c',
   includeFilters: true,
   includeWidgets: true,
 });

 return (
   <>
     {dashboard && (
       <Dashboard {...dashboardModelTranslator.toDashboardProps(dashboard)} />
     )}
   </>
 );
};

export default CodeExample;

To learn more about this and related dashboard components, see Embedded Dashboards.