diff --git a/src/checkboxes.html b/src/checkboxes.html
index 101199e..b0dceb6 100644
--- a/src/checkboxes.html
+++ b/src/checkboxes.html
@@ -21,37 +21,63 @@
                 <p>
                   <label>
                     <input type="checkbox" />
-                    <span>Red</span>
+                    <span>Unchecked</span>
                   </label>
                 </p>
                 <p>
                   <label>
                     <input type="checkbox" checked="checked" />
-                    <span>Yellow</span>
+                    <span>Checked</span>
                   </label>
                 </p>
                 <p>
                   <label>
-                    <input type="checkbox" class="filled-in" checked="checked" />
-                    <span>Filled in</span>
+                    <input type="checkbox" disabled="disabled" />
+                    <span>Disabled</span>
                   </label>
                 </p>
                 <p>
                   <label>
-                    <input id="indeterminate-checkbox" type="checkbox" />
-                    <span>Indeterminate Style</span>
+                    <input type="checkbox" checked="checked" disabled="disabled" />
+                    <span>Checked & Disabled</span>
                   </label>
                 </p>
+                <h5>Filled-in Checkbox</h5>
                 <p>
                   <label>
-                    <input type="checkbox" checked="checked" disabled="disabled" />
-                    <span>Green</span>
+                    <input type="checkbox" class="filled-in"/>
+                    <span>Filled in unchecked</span>
                   </label>
                 </p>
                 <p>
                   <label>
-                    <input type="checkbox" disabled="disabled" />
-                    <span>Brown</span>
+                    <input type="checkbox" class="filled-in" checked="checked"/>
+                    <span>Filled in checked</span>
+                  </label>
+                </p>
+                <p>
+                  <label>
+                    <input type="checkbox" class="filled-in" disabled="disabled"/>
+                    <span>Filled in disabled</span>
+                  </label>
+                </p>
+                <p>
+                  <label>
+                    <input type="checkbox" class="filled-in" checked="checked" disabled="disabled"/>
+                    <span>Filled in checked & disabled</span>
+                  </label>
+                </p>
+                <h5>Indeterminate Checkbox</h5>
+                <p>
+                  <label>
+                    <input id="indeterminate-checkbox" type="checkbox" />
+                    <span>Indeterminate Style</span>
+                  </label>
+                </p>
+                <p>
+                  <label>
+                    <input id="indeterminate-checkbox2" type="checkbox" disabled="disabled"/>
+                    <span>Indeterminate Disabled</span>
                   </label>
                 </p>
               </form>
@@ -60,45 +86,71 @@
           <span class="copyMessage">Copied!</span>
           <i class="material-icons copyButton">content_copy</i>
           <code class="language-html copiedText">
-<xmp>
-<form action="#">
+<xmp><form action="#">
   <p>
     <label>
       <input type="checkbox" />
-      <span>Red</span>
+      <span>Unchecked</span>
     </label>
   </p>
   <p>
     <label>
       <input type="checkbox" checked="checked" />
-      <span>Yellow</span>
+      <span>Checked</span>
     </label>
   </p>
   <p>
     <label>
-      <input type="checkbox" class="filled-in" checked="checked" />
-      <span>Filled in</span>
+      <input type="checkbox" disabled="disabled" />
+      <span>Disabled</span>
     </label>
   </p>
   <p>
     <label>
-      <input id="indeterminate-checkbox" type="checkbox" />
-      <span>Indeterminate Style</span>
+      <input type="checkbox" checked="checked" disabled="disabled" />
+      <span>Checked & Disabled</span>
     </label>
   </p>
+  <h5>Filled-in Checkbox</h5>
   <p>
     <label>
-      <input type="checkbox" checked="checked" disabled="disabled" />
-      <span>Green</span>
+      <input type="checkbox" class="filled-in"/>
+      <span>Filled in unchecked</span>
     </label>
   </p>
   <p>
     <label>
-      <input type="checkbox" disabled="disabled" />
-      <span>Brown</span>
+      <input type="checkbox" class="filled-in" checked="checked"/>
+      <span>Filled in checked</span>
+    </label>
+  </p>
+  <p>
+    <label>
+      <input type="checkbox" class="filled-in" disabled="disabled"/>
+      <span>Filled in disabled</span>
+    </label>
+  </p>
+  <p>
+    <label>
+      <input type="checkbox" class="filled-in" checked="checked" disabled="disabled"/>
+      <span>Filled in checked & disabled</span>
+    </label>
+  </p>
+  <h5>Indeterminate Checkbox</h5>
+  <p>
+    <label>
+      <input id="indeterminate-checkbox" type="checkbox" />
+      <span>Indeterminate Style</span>
+    </label>
+  </p>
+  <p>
+    <label>
+      <input id="indeterminate-checkbox2" type="checkbox" disabled="disabled"/>
+      <span>Indeterminate Disabled</span>
     </label>
   </p>
 </form>
+
 </xmp>
         </code></pre>
             </div>
diff --git a/src/main.ts b/src/main.ts
index 5744d3d..a1a9f2f 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -179,6 +179,8 @@ document.addEventListener("DOMContentLoaded", () => {
   // Set checkbox on forms.html to indeterminate
   const indeterminateCheckbox = document.getElementById("indeterminate-checkbox");
   if (indeterminateCheckbox !== null) (indeterminateCheckbox as any).indeterminate = true;
+  const indeterminateCheckbox2 = document.getElementById("indeterminate-checkbox2");
+  if (indeterminateCheckbox2 !== null) (indeterminateCheckbox2 as any).indeterminate = true;
 
   // CSS Transitions Demo Init
   const scaleDemoElem = document.querySelector("#scale-demo");