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

Angular Material comprises a range of components which implement common interaction patterns according to the Material Design specification.

Hit the ground running with comprehensive, modern UI components that work across the web, mobile and desktop.

Right now there is no formal support for adding a selection UI to the table, but Angular Material does offer the right components and pieces to set this up. The following steps are one solution but it is not the only way to incorporate row selection in your table.

Some Material components depend on the Angular animations module in order to be able to do more advanced transitions. If you want these animations to work in your app, you have to install the @angular/animations module and include the BrowserAnimationsModule in your app.

Material supports the ability for an mat-menu-item to open a sub-menu. To do so, you have to define your root menu and sub-menus, in addition to setting the [matMenuTriggerFor] on the mat-menu-item that should trigger the sub-menu:

Angular Material provides two sets of components designed to add collapsible side content (often navigation, though it can be any content) alongside some primary content. These are the sidenav and drawer components.

Angular Material's theming system supports customizing the typography settings for the library's components. Additionally, Angular Material provides APIs for applying typography styles to elements in your own application.

Some Angular Material components, specifically overlay-based ones like MatDialog, MatSnackbar, etc., do not exist as children of your component. Often they are injected elsewhere in the DOM.

Theming Angular Material . Theming your own components . Using Angular Material's Typography . Customizing component styles . Creating a custom form field control . Using elevation helpers . Learn Angular. Current Version: 6.4.7. Powered by Google ©2010-2018. Code licensed under an MIT-style License.