Angular Material uses native <button> and <a> elements to ensure an accessible experience by default. The <button> element should be used for any interaction that performs an action on the current page.

Nov 21, 2025 · In this tutorial, you’ll learn how to use Angular Material buttons-including mat-button, mat-raised-button, mat-flat-button, mat-stroked-button, mat-icon-button, and more.

The md-button, an Angular Directive, is a button directive having optional ink ripples (and are by default enabled). If href or ng-href attribute is provided, then this directive acts as an anchor element.

Angular Material uses native <button> and <a> elements to ensure an accessible experience by default. A <button> element should be used for any interaction that performs an action on the current page.

Jun 26, 2025 · Create Primary, Accent, Secondary and Error colors with Material Buttons and Design Token Customization

Mar 17, 2025 · Angular directing <mat-button> is used to create a button with content styling and animations. Angular content buttons are native <button> or elements enhanced with styling and ink …

All Angular Material components have specific CSS rules constructed using the theme name and theme-class overrides. For the Default theme, however, these rules are added to the components styles …

Theme color palette for the component. Whether ripples are disabled. Whether the component is disabled. Whether the button is icon button. Whether the button is round. Reference to the MatRipple …

UI component infrastructure and Material Design components for mobile and desktop Angular web applications.

The <mat-button>, an Angular Directive, is used to create a button with material styling and animations. In this chapter, we will showcase the configuration required to draw a button control using Angular …