Summary

We set about trying to explain what Material Design is, a design language with paper and ink in mind. After that, we looked at the most well-known implementations of Material Design.

Next, we put most of our focus on Angular Material, the Material Design implementation meant for Angular, and how it consists of different components. We looked at a hands-on explanation of how to install it, set it up, and even how to use some of its core components and themes.

We also learned about the core of Angular Material, which is the Angular CDK, and demonstrated some of its style-aware components.

Time was also spent covering other aspects of styling, such as how to design the layout of our app using flexbox and the Angular Flex Layout library.

Hopefully, you will have read this chapter and found that you now have a grasp of Material Design in general and Angular Material in particular, and can determine whether it is a good match for your next Angular app. In the next chapter...