diff --git a/node_modules/material-design-lite/src/switch/snippets/switch-off.html b/node_modules/material-design-lite/src/switch/snippets/switch-off.html
new file mode 100644
index 0000000..08f2c76
--- /dev/null
+++ b/node_modules/material-design-lite/src/switch/snippets/switch-off.html
@@ -0,0 +1,4 @@
+<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-2">
+  <input type="checkbox" id="switch-2" class="mdl-switch__input">
+  <span class="mdl-switch__label"></span>
+</label>
diff --git a/node_modules/material-design-lite/src/switch/snippets/switch-on.html b/node_modules/material-design-lite/src/switch/snippets/switch-on.html
new file mode 100644
index 0000000..cc44cee
--- /dev/null
+++ b/node_modules/material-design-lite/src/switch/snippets/switch-on.html
@@ -0,0 +1,4 @@
+<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-1">
+  <input type="checkbox" id="switch-1" class="mdl-switch__input" checked>
+  <span class="mdl-switch__label"></span>
+</label>