form add

src/_blocks_library.html

@@ -407,6 +407,16 @@
                 <div class="field__help-text">Обёртка — <code>&lt;label&gt;</code>.</div>
               </div>
             </label>
+            <div class="field  field--checkbox">
+              <div class="field__name"></div>
+              <div class="field__input-wrap">
+                <label class="field__name">
+                  <input class="field__input" type="checkbox">
+                  Чекбокс, более известный как флажок
+                </label>
+                <div class="field__help-text">Пояснительный тест.</div>
+              </div>
+            </div>
             <div class="field  field--actions">
               <button class="btn">Отправить</button>
             </div>
@@ -421,6 +431,14 @@
                 <input class="field__input-text" id="field_id_001" type="text" placeholder="input[type=text]">
               </div>
             </div>
+            <div class="field  field--checkbox">
+              <div class="field__input-wrap">
+                <label class="field__name">
+                  <input class="field__input" type="checkbox">
+                  Чекбокс
+                </label>
+              </div>
+            </div>
             <label class="field">
               <div class="field__name">Пароль</div>
               <div class="field__input-wrap">

src/less/blocks/form.less

@@ -21,6 +21,16 @@
     .field--actions {
       padding-left: 15rem;
     }
+
+    .field--checkbox {
+      & > .field__name {
+        margin-right: 0;
+      }
+      .field__input-wrap .field__name {
+        width: auto;
+        padding-top: 0;
+      }
+    }
   }
 
   &--inline {