Posts with Angular Material Tag

Changing Angular Material Form Field Appearance

Changing Angular Material Form Field Appearance

February 4, 2019
Material design has been with us for the last few years. The material guidelines spec sheet, found here, has evolved since the original design, on release. This can be seen in various Google products, as they continue updating their products according to the updated spec sheet. …

A Closer Look at the Drag and Drop Feature for Angular 7 CDK

A Closer Look at the Drag and Drop Feature for Angular 7 CDK

October 3, 2018
In this post, we are going to take a close look at the drag and drop feature coming to Angular 7 Content Development Kit (CDK). We are getting closer to the release of Angular 7, so it is only fair to see what is in store for us. You can learn more about angular 7 here. So, to …

Angular Material Autocomplete with HTTP Lookup

Angular Material Autocomplete with HTTP Lookup

August 15, 2018
In this demo, we will build an angular autocomplete component that gets autocomplete suggestions from a http service such as a REST API. The idea here is that, instead of using a static autocomplete list, we are going to pull autocomplete suggestions directly from our database. …

UI Libraries and Frameworks for Angular 6

UI Libraries and Frameworks for Angular 6

July 27, 2018
UI Libraries and Frameworks make it easier for developers to build clean and consistent User Interfaces (UI). They provide components, utilities for common use within your Application. Some UI Libraries provide you with the freedom to switch things up using themes. While other …

Using custom date formats for Angular Material Date Picker

Using custom date formats for Angular Material Date Picker

July 3, 2018
Angular material has a very nice date picker but while its functionality can accommodate a lot of developers, sometimes it just falls short. For instance, I find it very inflexible when dealing with date formats. While I understand that it’s nice to have a common date format …

Angular Material Icons Components with Angular 5

Angular Material Icons Components with Angular 5

December 13, 2017
Icons are a necessity when building modern-day web apps and sometimes they can be frustrating. While icon sets like Font Awesome and Material Icons have made it easier, there is always an icon you need that is always missing. A good example is lack of social media icons in …

Responsive Navbar with Angular Flex Layout

Responsive Navbar with Angular Flex Layout

December 7, 2017
Today, we are going to create a responsive Navbar using Toolbar and Sidenav Components from Angular Material together with Angular Flex Layout. We will be trying to replicate the behavior of Navbar in where it collapses on small screen and is fully displayed in Large screen. …

What I learned when I switched to Angular Material from Bootstrap

What I learned when I switched to Angular Material from Bootstrap

November 21, 2017
A couple months ago, I was having a debate on whether I should switch from Bootstrap to Angular Material. I have used Bootstrap for a very long time and was totally comfortable using it on all my projects. If you are not aware, Angular material is a set of components …