Add :disabled forms variants

lookback · Oct 1, 2024 · 8dcddca · 8dcddca
1 parent cc7e42b
commit 8dcddca
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/src/styling/forms.html b/src/styling/forms.html
@@ -21,6 +21,22 @@ <h1>Forms</h1>
           <option>A really really really really really really really long text</option>
         </select>
       </p>
+
+      <p>
+        <label for="select-disabled" class="block">Disabled select</label>
+
+        <select id="select-disabled" class="w-8" disabled>
+          <option>Martin</option>
+          <option>Drew</option>
+          <option>Johan</option>
+          <option>Nevyn</option>
+          <option>Tabanitha</option>
+          <option>Andoma</option>
+          <option>Forrest</option>
+          <option>Carl</option>
+          <option>A really really really really really really really long text</option>
+        </select>
+      </p>
 
       <p>
         <label for="prog">Progress</label>
@@ -36,6 +52,11 @@ <h1>Forms</h1>
         <label class="block" for="name">Name</label>
         <input id="name" type="text" placeholder="Placeholder" />
       </p>
+
+      <p>
+        <label class="block" for="name-disabled">Name, disabled</label>
+        <input id="name" type="text" placeholder="Placeholder" disabled />
+      </p>
 
       <p>
         <label class="block" for="search">Search</label>