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

Optimized for Angular. Built by the Angular team to integrate seamlessly with Angular.

Angular Material comprises a range of components which implement common interaction patterns according to the Material Design specification. Form Controls Controls that collect and validate user input.

The mat-table provides a Material Design styled data-table that can be used to display rows of data. This table builds on the foundation of the CDK data-table and uses a similar interface for its data input and template, except that its element and …

For help getting started with a new Angular app, check out the Angular CLI. For existing apps, follow these steps to begin using Angular Material. link Step 1: Install Angular Material, Angular CDK and Angular Animations You can use either the npm or …

Angular Material buttons are native <button> or <a> elements enhanced with Material Design styling and ink ripples.

For existing apps, follow these steps to begin using Angular Material. link Step 1: Install Angular Material and Angular CDK. You can use either the npm or yarn command-line tool to install packages. Use whichever is appropriate for your project in the examples below. link NPM npm install --save @angular/material @angular/cdk link Yarn yarn add ...

Angular Material comes prepackaged with several pre-built theme css files. These theme files also include all of the styles for core (styles common to all components), so you only have to include a single css file for Angular Material in your app.

The following Angular Material components are designed to work inside a <mat-form-field>: <input matNativeControl> & <textarea matNativeControl> <select matNativeControl>

Where the attached component should live in Angular's logical component tree. This affects what is available for injection and the change detection order for the component instantiated inside of the dialog.