Theming
Now, we could describe each and every available component available in Angular Material Design. However, there are a lot of them and their uses are all but complicated. Here's a list of the supported directives available at the time I am writing this chapter:
buttons
cards
checkbox
radio
input
sidenav
toolbars
list
grid
icon
progress
tabs
slide
slider
menu
tooltip
ripples
dialogs
snackbar
In the coming months, more directives will be added to the mix. You can find them all here: https://github.com/angular/material2.
Needless to say, we are covered in terms of directives. Despite this wide range of possibilities, we can further customize Material Design for Angular by creating a custom theme. In Angular Material, a theme is created by composing multiple palettes. In particular, a theme consists of:
- A primary palette consists of colors most widely used across all screens and components
- An accent palette consists of colors utilized for the floating action button and interactive elements
- A warn palette consists...