# Function toDashboardProps

toDashboardProps(dashboardModel): DashboardProps

Translates DashboardModel to DashboardProps.

# Parameters

Parameter Type
dashboardModel DashboardModel

# Returns

DashboardProps

# Example

<csdk-dashboard
 *ngIf="dashboard"
 [title]="dashboard.title"
 [layoutOptions]="dashboard.layoutOptions"
 [widgets]="dashboard.widgets"
 [filters]="dashboard.filters"
 [defaultDataSource]="dashboard.defaultDataSource"
 [widgetsOptions]="dashboard.widgetsOptions"
/>
import { Component } from '@angular/core';
import {
 type DashboardProps,
 DashboardService,
 dashboardModelTranslator,
} from '@sisense/sdk-ui-angular';

@Component({
 selector: 'app-dashboard',
 templateUrl: './dashboard.component.html',
 styleUrls: ['./dashboard.component.scss'],
})
export class DashboardComponent {
 dashboard: DashboardProps | null = null;

 constructor(private dashboardService: DashboardService) {}

 async ngOnInit(): Promise<void> {
   const dashboardModel = await this.dashboardService.getDashboardModel('your-dashboard-oid', {
     includeWidgets: true,
     includeFilters: true,
   });
   this.dashboard = dashboardModelTranslator.toDashboardProps(dashboardModel);
 }
}