Articles and Lessons tagged with Angular Material

Changing Angular Material Form Field Appearance

Changing Angular Material Form Field Appearance

Posted Feb 4, 2019 | | By Maina Wycliffe | Angular
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 …
Read More

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

Posted Oct 3, 2018 | | By Maina Wycliffe | Angular
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 …
Read More

Angular Material Autocomplete with HTTP Lookup

Angular Material Autocomplete with HTTP Lookup

Posted Aug 15, 2018 | | By Maina Wycliffe | Angular
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 …
Read More

UI Libraries and Frameworks for Angular 6

UI Libraries and Frameworks for Angular 6

Posted Jul 27, 2018 | | By Maina Wycliffe | Angular
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 …
Read More

Using custom date formats for Angular Material Date Picker

Using custom date formats for Angular Material Date Picker

Posted Jul 3, 2018 | | By Maina Wycliffe | Angular
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 …
Read More

Angular Material Icons Components with Angular 5

Angular Material Icons Components with Angular 5

Posted Dec 13, 2017 | | By Maina Wycliffe | Angular
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 …
Read More

Responsive Navbar with Angular Flex Layout

Responsive Navbar with Angular Flex Layout

Posted Dec 7, 2017 | | By Maina Wycliffe | Angular
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 …
Read More