fix: configure margin bottom

ocadotechnology · Jul 6, 2023 · b658664 · b658664
1 parent b532f13
commit b658664
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/form/CheckboxField.tsx b/src/components/form/CheckboxField.tsx
@@ -26,15 +26,17 @@ import { form as formTypography } from '../../theme/typography';
 import ClickableTooltip from '../ClickableTooltip';
 
 export interface CheckboxFieldProps extends Omit<CheckboxProps, 'defaultValue'> {
-  formControlLabelProps: Omit<FormControlLabelProps, 'control'>,
-  validate?: FieldValidator | BooleanSchema,
-  name: string
+  formControlLabelProps: Omit<FormControlLabelProps, 'control'>;
+  validate?: FieldValidator | BooleanSchema;
+  marginBottom?: number | string;
+  name: string;
 }
 
 const CheckboxField: React.FC<CheckboxFieldProps> = ({
   formControlLabelProps,
   validate = YupBool(),
   required = false,
+  marginBottom = formTypography.marginBottom,
   name,
   onChange,
   ...otherCheckboxProps
@@ -79,7 +81,7 @@ const CheckboxField: React.FC<CheckboxFieldProps> = ({
             direction='row'
             alignItems='center'
             marginLeft='-12px'
-            marginBottom={formTypography.marginBottom}
+            marginBottom={marginBottom}
             gap={1}
           >
             <FormControlLabel