Project import generated by Copybara.
GitOrigin-RevId: 63746295f1a5ab5a619056791995793d65529e62
diff --git a/node_modules/material-design-lite/src/layout/snippets/fixed-header-drawer.html b/node_modules/material-design-lite/src/layout/snippets/fixed-header-drawer.html
new file mode 100644
index 0000000..9d85c30
--- /dev/null
+++ b/node_modules/material-design-lite/src/layout/snippets/fixed-header-drawer.html
@@ -0,0 +1,33 @@
+<!-- The drawer is always open in large screens. The header is always shown,
+ even in small screens. -->
+<div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer
+ mdl-layout--fixed-header">
+ <header class="mdl-layout__header">
+ <div class="mdl-layout__header-row">
+ <div class="mdl-layout-spacer"></div>
+ <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable
+ mdl-textfield--floating-label mdl-textfield--align-right">
+ <label class="mdl-button mdl-js-button mdl-button--icon"
+ for="fixed-header-drawer-exp">
+ <i class="material-icons">search</i>
+ </label>
+ <div class="mdl-textfield__expandable-holder">
+ <input class="mdl-textfield__input" type="text" name="sample"
+ id="fixed-header-drawer-exp">
+ </div>
+ </div>
+ </div>
+ </header>
+ <div class="mdl-layout__drawer">
+ <span class="mdl-layout-title">Title</span>
+ <nav class="mdl-navigation">
+ <a class="mdl-navigation__link" href="">Link</a>
+ <a class="mdl-navigation__link" href="">Link</a>
+ <a class="mdl-navigation__link" href="">Link</a>
+ <a class="mdl-navigation__link" href="">Link</a>
+ </nav>
+ </div>
+ <main class="mdl-layout__content">
+ <div class="page-content"><!-- Your content goes here --></div>
+ </main>
+</div>