The Button component in Angular Material is a fundamental element for creating interactive UIs. It follows Material Design principles and offers a variety of styles and functionalities.

🔧 Key Features

  • Types:

    • raised (default)
    • flat
    • icon
    • stroked
    • fab (Floating Action Button)
    • loader (with spinner)
    Material_Button

  • Styling:

    • Customizable colors via color attribute (e.g., primary, accent, warn)
    • Support for disabled states (disabled="true")
    • Variations in size (small, medium, large)

  • Accessibility:

    • Built-in ARIA attributes
    • Keyboard navigation support

📌 Example Usage

<button mat-button [color]="'primary'">Primary Button</button>  
<button mat-raised-button disabled>Disabled Button</button>  
<button mat-icon-button><mat-icon>add</mat-icon></button>

🌐 Further Reading

For detailed documentation and advanced customization options, visit the Angular Material Button guide.

Angular_Button_Styles

Explore more components like MatCard or MatInput to build a cohesive Material Design interface.