add gap attribute to box component (#28)

BearStudio · Sep 18, 2024 · 3612a9d · 3612a9d
1 parent de52480
commit 3612a9d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/theme/theme.service.ts b/src/theme/theme.service.ts
@@ -31,6 +31,9 @@ export const createSpacingStyles = (
     mx: 'marginHorizontal',
     my: 'marginVertical',
     ms: 'marginStart',
+    gap: 'gap',
+    gapX: 'rowGap',
+    gapY: 'columnGap',
   };
 
   const computedStyle: any = {};

diff --git a/src/types.ts b/src/types.ts
@@ -104,6 +104,9 @@ export interface SpacingPropsType {
   px?: ResponsiveValue<string | number>;
   py?: ResponsiveValue<string | number>;
   ps?: ResponsiveValue<string | number>;
+  gap?: ResponsiveValue<string | number>;
+  gapX?: ResponsiveValue<string | number>;
+  gapY?: ResponsiveValue<string | number>;
 }
 
 export const stackSpacingProps = ['spacing'] as const;