• //install material, animation, hammer, cdk
  • //create my.module.ts
  • * import { NgModule } from '@angular/core';
  • * import { CommonModule } from '@angular/common';
  • * import { MatProgressBarModule, MatButtonToggleModule, MatButtonModule} from '@angular/material';
  • *
  • * @NgModule({
  • * imports: [MatProgressBarModule, MatButtonToggleModule, MatButtonModule],
  • * exports: [MatProgressBarModule, MatButtonToggleModule, MatButtonModule]
  • * })
  • * export class MyMatModule { }
  • *
  • //add to app.module.ts to imports
  • BrowserAnimationModule
  • MyMatModule
  • //main.ts
  • add import 'hammerjs';
  • //styles.css
  • @import "~@angular/material/prebuilt-themes/indigo-pink.css";
  • body {
  • font-family: Roboto, Arial, sans-serif;
  • margin: 0;
  • }

  • .basic-container {
  • padding: 5px;
  • }

  • .version-info {
  • font-size: 8pt;
  • float: right;
  • }

  • //index.html

184 0 0