Angular Material

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

Angular is a development platform, built on TypeScript .  As a platform, it’s includes: A component-based framework for building scalable web applications.

  • A component-based framework for building scalable web applications
  • A collection of well-integrated libraries that cover a wide variety of features, including routing, forms management, client-server communication, and more
  • A suite of developer tools to help you develop, build, test, and update your code

it is the one of the most popular Front-end Framework. it’s ecosystem consists of a diverse group of over 1.7 million developers, library authors, and content creators.

Setting Default Checked Value for mat-radio-button in Angular’s mat-radio-group

by
mat-radio-button default checked

Learn how to pre-select a default option in an Angular mat-radio-group using the mat-radio-button component. This article provides a step-by-step guide for setting a default checked value for the mat-radio-button in the group, either by using the checked attribute or by programmatically setting the default value in the component code.

How to change the size of mat-icon in Angular Material

by
Change the size of mat-icon in Angular Material

Angular – This article explains how to change the size of mat-icon in Angular Material using the font-size property in CSS. It suggests adding a CSS class to the mat-icon element and defining it in the component’s CSS file or global styles file. Alternatively, the font-size property can be set directly on the mat-icon element using the style attribute.

Solution: mat-form-field must contain a MatFormFieldControl error in Angular

by
Angular mat-form-field must contain a MatFormFieldControl

If you are using Angular material in your project and if you have any forms in the application then you must be using Angular Material Form Field Component from MatFormFieldModule And of the common error that we usually get is while working with Angular Material Form Field is: mat-form-field must contain a MatFormFieldControl.

Angular Material Button Example

by
Angular Material Button

Angular Material button module MatButtonModule(mat-button,mat-raised-button,mat-icon-button,mat-fab,mat-mini-fab) enhances the user experience of normal buttons tags by following Material design principles.