slider test component

client/src/components/config-form-components/slider/slider.component.jsx

@@ -4,6 +4,18 @@ import React from "react";
 export default function JobIntakeFormCheckboxComponent({ formItem, readOnly }) {
   const { name, label, required, min, max } = formItem;
 
+  const marks = {
+    [min]: {
+      label: <span style={{ height: 0 }}>&nbsp;</span>,
+    },
+    [max / 2]: {
+      label: <span style={{ height: 0 }}>&nbsp;</span>,
+    },
+    [max]: {
+      label: <span style={{ height: 0 }}>&nbsp;</span>,
+    },
+  };
+
   return (
     <Form.Item
       name={name}
@@ -15,7 +27,12 @@ export default function JobIntakeFormCheckboxComponent({ formItem, readOnly }) {
         },
       ]}
     >
-      <Slider disabled={readOnly} min={min || 0} max={max || 10} />
+      <Slider
+        disabled={readOnly}
+        min={min || 0}
+        max={max || 10}
+        marks={marks}
+      />
     </Form.Item>
   );
 }