|
| 1 | +<!-- |
| 2 | + Copyright (c) 2017, the Dart project authors. Please see the AUTHORS file |
| 3 | + for details. All rights reserved. Use of this source code is governed by a |
| 4 | + BSD-style license that can be found in the LICENSE file. |
| 5 | +--> |
| 6 | +<material-drawer persistent #drawer="drawer" [attr.end]="end ? '' : null"> |
| 7 | + <material-list *deferredContent> |
| 8 | + <div group class="mat-drawer-spacer"></div> |
| 9 | + <div group> |
| 10 | + <material-list-item> |
| 11 | + <material-icon icon="inbox"></material-icon>Inbox |
| 12 | + </material-list-item> |
| 13 | + <material-list-item> |
| 14 | + <material-icon icon="star"></material-icon>Star |
| 15 | + </material-list-item> |
| 16 | + <material-list-item> |
| 17 | + <material-icon icon="send"></material-icon>Sent Mail |
| 18 | + </material-list-item> |
| 19 | + <material-list-item> |
| 20 | + <material-icon icon="drafts"></material-icon>Drafts |
| 21 | + </material-list-item> |
| 22 | + </div> |
| 23 | + <div group> |
| 24 | + <div label>Tags</div> |
| 25 | + <material-list-item> |
| 26 | + <material-icon icon="star"></material-icon>Favorites |
| 27 | + </material-list-item> |
| 28 | + </div> |
| 29 | + </material-list> |
| 30 | +</material-drawer> |
| 31 | +<material-content> |
| 32 | + <header class="material-header shadow"> |
| 33 | + <div class="material-header-row"> |
| 34 | + <material-button icon |
| 35 | + class="material-drawer-button" (trigger)="drawer.toggle()"> |
| 36 | + <material-icon icon="menu"></material-icon> |
| 37 | + </material-button> |
| 38 | + <span class="material-header-title">Simple Layout</span> |
| 39 | + <div class="material-spacer"></div> |
| 40 | + <nav class="material-navigation"> |
| 41 | + <a href="#AppLayout">Link 1</a> |
| 42 | + </nav> |
| 43 | + <nav class="material-navigation"> |
| 44 | + <a href="#AppLayout">Link 2</a> |
| 45 | + </nav> |
| 46 | + <nav class="material-navigation"> |
| 47 | + <a href="#AppLayout">Link 3</a> |
| 48 | + </nav> |
| 49 | + </div> |
| 50 | + </header> |
| 51 | + <div> |
| 52 | + Lorem ipsum dolor sit amet, ad erat postea ullamcorper nec, veri veniam quo |
| 53 | + et. Diam phaedrum ei mea, quaeque voluptaria efficiantur duo no. Eu adhuc |
| 54 | + veritus civibus nec, sumo invidunt mel id, in vim dictas detraxit. Per an |
| 55 | + legere iriure blandit. Veri iisque accusamus an pri. |
| 56 | + </div> |
| 57 | + <div class="controls"> |
| 58 | + <h3>Options</h3> |
| 59 | + <material-toggle [(checked)]="end" label="end"> |
| 60 | + </material-toggle> |
| 61 | + </div> |
| 62 | +</material-content> |
0 commit comments