brickblock

index.html

@@ -97,6 +97,25 @@
             </label>
             <button id="fill-row-button">Fill row</button>
           </div>
+          <div class="control-group">
+            <label>
+              Brick start row
+              <input id="brick-start" type="number" min="1" max="100" value="1" />
+            </label>
+            <label>
+              Brick end row
+              <input id="brick-end" type="number" min="1" max="100" value="6" />
+            </label>
+            <label>
+              Brick tile
+              <select id="brick-tile"></select>
+            </label>
+            <label class="checkbox">
+              <input id="brick-stagger" type="checkbox" checked />
+              Stagger rows
+            </label>
+            <button id="brick-apply">Apply brick</button>
+          </div>
           <div class="control-actions">
             <button id="apply-grid">Apply grid</button>
             <button id="clear-grid">Clear grid</button>