Project import generated by Copybara.
GitOrigin-RevId: 63746295f1a5ab5a619056791995793d65529e62
diff --git a/node_modules/material-design-lite/src/menu/snippets/lower-left-demo.html b/node_modules/material-design-lite/src/menu/snippets/lower-left-demo.html
new file mode 100644
index 0000000..ee3b3fc
--- /dev/null
+++ b/node_modules/material-design-lite/src/menu/snippets/lower-left-demo.html
@@ -0,0 +1,25 @@
+<style>
+ .demo-menu.demo-menu__lower-left .container {
+ position: relative;
+ width: 200px;
+ }
+ .demo-menu.demo-menu__lower-left .background {
+ background: white;
+ height: 148px;
+ width: 100%;
+ }
+ .demo-menu.demo-menu__lower-left .bar {
+ box-sizing: border-box;
+ background: #3F51B5;
+ color: white;
+ width: 100%;
+ padding: 16px;
+ }
+</style>
+
+<div class="container mdl-shadow--2dp">
+ <div class="bar">
+ {% include "lower-left.html" %}
+ </div>
+ <div class="background"></div>
+</div>