Noodles Practicing Medicine

    @kovalenko/swipe-sidenav
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.4 • Public • Published

    SwipeSidenav

    Adds swipe functionality to material sidenav or drawer

    Installation

    npm install @kovalenko/swipe-sidenav
    

    Usage

    Extend your component from SwipeableSidenav. In template, add #drawer export to sidenav or drawer and [@.disabled]="disableAnimation" to the container.

    import {Component} from '@angular/core';
    import {SwipeableSidenav} from '@kovalenko/swipe-sidenav';
    
    @Component({
      selector: 'app',
      template: `
        <mat-drawer-container [@.disabled]="disableAnimation">
          <mat-drawer #drawer>mat-drawer-content</mat-drawer>
        </mat-drawer-container>
      `,
    })
    export class AppComponent extends SwipeableSidenav {
      constructor() {
        super();
      }
    
    }

    License

    MIT

    Install

    npm i @kovalenko/swipe-sidenav

    DownloadsWeekly Downloads

    2

    Version

    0.0.4

    License

    MIT

    Unpacked Size

    117 kB

    Total Files

    13

    Last publish

    Collaborators

    • kovalenko