<div class="ui-button-container">
    <button class="ui-button raised primary" (click)="openDrawer()">Abrir Drawer</button>
    <button class="ui-button raised primary" (click)="closeDrawer()">Fechar Drawer</button>
    <button class="ui-button raised primary" (click)="openDrawerNormal()">Abrir Drawer Normal</button>
    <button class="ui-button raised primary" (click)="openDrawerPersistent()">Abrir Drawer Persistente</button>
</div>

<ui-nav-drawer class="right" [(open)]="menuOpen" [ngClass]="{'persistent': persistent}">
    <ui-toolbar class="flat">
        <button (click)="menuOpen = false" class="ui-button flat icon" uiRipple>
            <i class="material-icons">arrow_backard</i>
        </button>
        <span class="title">SMN - UI<span>
    </ui-toolbar>
</ui-nav-drawer>