Angular Materialメモ

Button

import {MatButtonModule} from '@angular/material/button';
<button mat-button>Click me!</button>

Button toggle

import {MatButtonToggleModule} from '@angular/material/button-toggle';
<mat-button-toggle-group name="fontStyle" aria-label="Font Style">
  <mat-button-toggle value="bold">Bold</mat-button-toggle>
</mat-button-toggle-group>

Checkbox

import {MatCheckboxModule} from '@angular/material/checkbox';
<mat-checkbox>Check me!</mat-checkbox>

Icon

import { MatIconModule } from '@angular/material/icon';
<mat-icon aria-hidden="false" aria-label="Example home icon">
  home
</mat-icon>

Slide toggle

import {MatSlideToggleModule} from '@angular/material/slide-toggle';
<mat-slide-toggle>
  Slide me!
</mat-slide-toggle>