Skip to content

andrewalderson/angular-material-multilevel-sidenav

Repository files navigation

Angular Material Multi-level Sidenav Sample

This sample was inspired by the navigation on the Google Material Design v3 site. It has been implmented in Angular using components from Angular Material.

Demo

Features

  • Implementation of Material Navigation Rail component
  • Three levels of navigation
  • Responsive
    • Navigation rail used on screen widths of 960px and above
    • Top level navigation displays in sidenav on screens under 960px
  • Accessiblity
    • proper aria labels added
    • proper focus management and click events

About

An implementation of a multi-level Angular Material Sidenav. Influenced by the navigation on Google Material V3 site

Topics

Resources

License

Stars

Watchers

Forks