Skip to content

Instantly share code, notes, and snippets.

@ferrerojosh
ferrerojosh / md-sidenav-splitter.directive.ts
Last active June 8, 2017 05:14
A quick splitter control for angular material sidenav for Angular 2/4
import { AfterViewInit, ContentChild, Directive, ElementRef, Input, Renderer2 } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { MdSidenav } from '@angular/material';
@Directive({
selector: '[mdSidenavSplitter]'
})
export class MdSidenavSplitterDirective implements AfterViewInit {
@ContentChild(MdSidenav, {read: ElementRef}) sidenavRef: ElementRef;
@Input() splitterWidth = 10;