Button

API reference for Angular Material button

import {MatButtonModule} from '@angular/material/button';

link Directives

link MatButton

Material design button.

Selector: button[mat-button] button[mat-raised-button] button[mat-icon-button] button[mat-fab] button[mat-mini-fab] button[mat-stroked-button] button[mat-flat-button]

Exported as: matButton

Properties

Name	Description
@Input() color: ThemePalette	Theme color palette for the component.
@Input() disableRipple: boolean	Whether ripples are disabled.
@Input() disabled: boolean	Whether the component is disabled.
isIconButton: boolean	Whether the button is icon button.
isRoundButton: boolean	Whether the button is round.
ripple: MatRipple	Reference to the MatRipple instance of the button.

Methods

focus
Focuses the button.

link MatAnchor extends MatButton

Raised Material design button.

Selector: a[mat-button] a[mat-raised-button] a[mat-icon-button] a[mat-fab] a[mat-mini-fab] a[mat-stroked-button] a[mat-flat-button]

Exported as: matButton, matAnchor

Properties

Name	Description
@Input() color: ThemePalette	Theme color palette for the component.
@Input() disableRipple: boolean	Whether ripples are disabled.
@Input() disabled: boolean	Whether the component is disabled.
isIconButton: boolean	Whether the button is icon button.
isRoundButton: boolean	Whether the button is round.
ripple: MatRipple	Reference to the MatRipple instance of the button.

Methods

focus
Focuses the button.