July 2017
Intermediate to advanced
454 pages
10h 1m
English
Side navigation drawers are extremely popular on mobile devices. They do, however, start to appear in full-fledged version of websites; hence their coverage in this chapter.
Here's what a side navigation drawer can look like:

In light gray, on the left side, we have the navigation drawer that pops over our content when invoked. In a darker gray, we have the content of our page.
With the following component, we reproduce the side navigation shown at the beginning of this section:
@Component({ selector: 'sidenav', template: ` <md-sidenav-container> <md-sidenav #side (open)="closeButton.focus()"> ...Read now
Unlock full access