Function Dashboard Beta

Dashboard(props): ReactElement< any, any > | null

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

Note: Dashboard extensions based on JS scripts and add-ons in Fusion are not supported.

Parameters

Parameter	Type
props	DashboardProps

Returns

ReactElement< any, any > | null

Example

Example of rendering a Fusion dashboard using the useGetDashboardModel hook and theDashboard` 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.