feat: add side nav component

Author: ui2code

src/app/dashboard/sidenav/sidenav.component.html

@@ -0,0 +1,13 @@
+<mat-drawer-container class="example-container" autosize>
+  <mat-drawer opened="true" #drawer class="example-sidenav" mode="side">
+    <p>Welcome</p>
+  </mat-drawer>
+
+  <div class="example-sidenav-content">
+    <mat-toolbar>
+      <button (click)="drawer.toggle()" mat-button><i class="material-icons">menu</i></button>
+      <span style="padding: 0 3%">My Application</span>
+    </mat-toolbar>
+  </div>
+
+</mat-drawer-container>

src/app/dashboard/sidenav/sidenav.component.scss

@@ -0,0 +1,14 @@
+.example-container {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: #eee;
+}
+
+mat-drawer {
+  width: 15%;
+  text-align: center;
+  background: #3f51b5;
+}

src/app/dashboard/sidenav/sidenav.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-sidenav',
+  templateUrl: './sidenav.component.html',
+  styleUrls: ['./sidenav.component.scss']
+})
+export class SidenavComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}