Buttons Angular Material buttons are native button or a elements enhanced with Material Design styling and ink ripples. Official Doc

Basic Buttons
<button mat-button color="primary">Primary</button>

Link

Raised Buttons
<button mat-raised-button color="primary">Primary</button>

Link

Icon Buttons
<button mat-icon-button color="primary">
    <mat-icon aria-label="Example icon-button with a heart icon">favorite</mat-icon>
</button>

Fab Buttons
<button mat-fab color="primary">Primary</button>

Link

Mini Fab Buttons
<button mat-mini-fab color="primary">Primary</button>

Link

Basic button-toggles New

Bold Italic Underline

Button toggle

format_align_left format_align_center format_align_right format_align_justify
Selected value: {{group.value}}

Button toggle appearance New

Default appearance: Bold Italic Underline
Legacy appearance: Bold Italic Underline