To use Angular Material in your Angular application, you need to follow these steps:

Step 1: Install Angular Material and Angular CDK

Install Angular Material and Angular CDK by running the following command in your terminal:

npm install @angular/material @angular/cdk

Step 2: Import the required modules

In your Angular module (e.g., app.module.ts), import the necessary Angular Material modules and any other modules you need. Here’s an example of importing Angular Material modules:

import { NgModule } from ‘@angular/core’;
import { MatButtonModule } from ‘@angular/material/button’;
import { MatInputModule } from ‘@angular/material/input’;

@NgModule({
imports: [
MatButtonModule,
MatInputModule,
// Add other Angular Material modules you need
],
// …
})
export class AppModule { }

Step 3: Add Angular Material styles

In the styles.scss (or styles.css) file of your Angular project, import the Angular Material pre-built themes. You can choose one of the available themes or create a custom theme. Here’s an example of importing the default Angular Material theme:

@import ‘~@angular/material/theming’;
@import ‘~@angular/material/prebuilt-themes/indigo-pink.css’;

Step 4: Use Angular Material components

You can now use Angular Material components in your Angular templates. For example, if you want to use a button component, you can do the following:

<button mat-button>Click me</button>

Angular Material provides a wide range of components such as buttons, inputs, checkboxes, sliders, dialogs, menus, and many more. Refer to the Angular Material documentation for a full list of available components and their usage.