checkbox-margin

Author: tripolskypetr

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "react-declarative-mantine",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "description": "The Mantine ui kit bindings for react-declarative",
   "private": false,
   "author": {

package.json

@@ -12,6 +12,8 @@ export const CheckBox = ({
 }: ICheckBoxSlot) => (
     <UiCheckBox
         size="md"
+        mt="xs"
+        mb="xs"
         disabled={disabled}
         checked={Boolean(value)}
         onChange={() => onChange(!value)}

src/OneSlotFactory/components/CheckBox.tsx

@@ -40,6 +40,8 @@ export const Radio = ({
     return (
         <UiRadio
             size="md"
+            mt="xs"
+            mb="xs"
             checked={checked}
             disabled={disabled}
             onChange={() => handleChange(radioValue || null)}

src/OneSlotFactory/components/Radio.tsx

@@ -13,6 +13,8 @@ export const Switch = ({
   return (
     <UiSwitch
       size="md"
+      mt="xs"
+      mb="xs"
       checked={Boolean(value)}
       disabled={disabled}
       onChange={() => onChange(!value)}