chore:modified checkbox widget to have alignmemt option

bcgov · Oct 1, 2024 · 528d26a · 528d26a
1 parent b6194b7
commit 528d26a
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/bciers/libs/components/src/form/widgets/CheckboxWidget.tsx b/bciers/libs/components/src/form/widgets/CheckboxWidget.tsx
@@ -9,7 +9,10 @@ const CheckboxWidget: React.FC<WidgetProps> = ({
   label,
   value,
   required,
+  uiSchema,
 }) => {
+  const alignment = uiSchema?.["ui:options"]?.alignment || "center";
+
   return (
     <FormControlLabel
       control={
@@ -23,9 +26,15 @@ const CheckboxWidget: React.FC<WidgetProps> = ({
           onChange={(event: { target: { checked: any } }) =>
             onChange(event.target.checked)
           }
+          sx={{
+            ...(alignment === "top" && { paddingTop: "2px" }),
+          }}
         />
       }
       label={label}
+      style={{
+        alignItems: alignment === "top" ? "flex-start" : "center",
+      }}
     />
   );
 };