angular-material-rail-drawer

Angular Material Navigation drawer — Adding support mode = “Rail” (mini variant behaviour)

Usage no npm install needed!

<script type="module">
  import angularMaterialRailDrawer from 'https://cdn.skypack.dev/angular-material-rail-drawer';
</script>

README

Angular Material Rail Drawer Plugin

Angular Material Navigation drawer — Adding support mode = “Rail” (mini variant behaviour)

Since 2016, the Angular community has been shouting out of a mini variant for material design.

How to install

NPM: npm i angular-material-rail-drawer Yarn: yarn add angular-material-rail-drawer

How to use

Read example for more information

module.ts import { DrawerRailModule } from 'angular-material-rail-drawer';

component.html <mat-sidenav mode="rail" opened="true">

This extension adds on an existing mode the Material documentation remains the same.

Useful links

Blog post: https://medium.com/@LostDeveloper/angular-material-navigation-drawer-adding-support-mode-rail-mini-variant-behaviour-8f7b107700b3

Angular material mini variant github issue: https://github.com/angular/components/issues/1728