update

static/components/grid-selector/grid-selector.html

@@ -0,0 +1,41 @@
+<template id="grid-selector-template">
+  <style></style>
+    :host {
+      display: inline-block;
+      font-family: sans-serif;
+    }
+
+    .wrapper {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+    }
+
+    label {
+      font-size: 0.9rem;
+      user-select: none;
+    }
+
+    input[type="color"],
+    input[type="number"] {
+      border: none;
+      padding: 0;
+      background: none;
+    }
+
+    input[type="checkbox"] {
+      margin: 0;
+    }
+  </style>
+
+  <div class="wrapper">
+    <label for="grid-color">Grid color:</label>
+    <input type="color" id="grid-color" value="#000000">
+
+    <label for="grid-size">Size:</label>
+    <input type="number" id="grid-size" min="5" step="5" value="25">
+
+    <label for="grid-numbering">Numbering:</label>
+    <input type="checkbox" id="grid-numbering" checked>
+  </div>
+</template>