Welcome to the Angular Material API documentation! This guide provides an overview of the core components and services available in Angular Material, a popular UI component library for Angular apps. If you're looking for detailed information on specific elements, check out the official Angular Material documentation for comprehensive references.
Key Components 🧩
Buttons ⚙️
MatButton
for standard buttonsMatRaisedButton
for raised buttonsMatFlatButton
for flat buttons- Example: Button Component
Inputs � keyboard
MatInput
for text fieldsMatSelect
for dropdownsMatCheckbox
for checkboxes- Example: Input Component
Navigations 🧭
MatSidenav
for side navigation barsMatMenu
for context menusMatToolbar
for top toolbars- Example: Navigation Component
API Reference 🔗
For in-depth API details, explore the following sections:
📌 Tip: Use the
@angular/material
npm package for component imports. Check the installation guide for setup instructions.
Getting Started 🚀
- Install Angular Material via npm:
npm install @angular/material
- Import required modules in your Angular app:
import { MatButtonModule } from '@angular/material/button';
- Add the Angular Material CSS to your global styles:
@import '~@angular/material/prebuilt-themes/indigo-pink.css';
For visual examples of components in action, visit the Angular Material Demo section.