trying to implement a sidenavigation in angular

I have an app.component.ts and i have created a component using ng generate c.That new component is suppose to have a sidenavigation and the side navigation needs to toggle upon a click of button.

I am trying to implement the side navigation menu but i am getting an error like below:
“message”: “Cannot find module ‘@angular/material/MatSidenavModule’.”,

My navigation.component.html file

<mat-sidenav-container>
    <mat-sidenav mode="side" opened>Sidenav content</mat-sidenav>
    <mat-sidenav-content>Main content</mat-sidenav-content>
  </mat-sidenav-container>

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { MatSidenavModule } from '@angular/material/MatSidenavModule';
import { AppComponent } from './app.component';
import { HeaderComponent } from './header/header.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NavigationComponent } from './navigation/navigation.component';

@NgModule({
  declarations: [
    AppComponent,
    HeaderComponent,
    NavigationComponent,

  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    FormsModule,
    MatSidenavModule,

  ],
  exports:[MatSidenavModule],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Source: New feed
Source Url trying to implement a sidenavigation in angular