docs: hide required checkbox

gpbl · Jun 23, 2024 · 120d78d · 120d78d
1 parent aa95834
commit 120d78d
Showing 1 changed file with 14 additions and 12 deletions.
diff --git a/website/src/pages/playground.tsx b/website/src/pages/playground.tsx
@@ -297,18 +297,20 @@ export default function Playground() {
                   <option value="range">range</option>
                 </select>
               </label>
-              <label>
-                <input
-                  type="checkbox"
-                  name="required"
-                  onChange={(e) => {
-                    setSelected(undefined);
-                    // @ts-expect-error abc
-                    setProps({ ...props, required: e.target.checked });
-                  }}
-                />
-                Required
-              </label>
+              {props.mode && (
+                <label>
+                  <input
+                    type="checkbox"
+                    name="required"
+                    onChange={(e) => {
+                      setSelected(undefined);
+                      // @ts-expect-error abc
+                      setProps({ ...props, required: e.target.checked });
+                    }}
+                  />
+                  Required
+                </label>
+              )}
               {props.mode === "range" || props.mode === "multiple" ? (
                 <label>
                   Min Selection: