chore: flex props name

TeamVastsea · Oct 6, 2024 · b6e943d · b6e943d
1 parent c634970
commit b6e943d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/doc/docs/components/flex/FlexControls.tsx b/doc/docs/components/flex/FlexControls.tsx
@@ -89,8 +89,8 @@ export default App;`.trimStart();
             align={align}
             wrap={wrap}
             gap={gap}
-            minHeight={50}
-            background="gray"
+            mih={50}
+            bg="gray"
         >
             <Button>Button 1</Button>
             <Button>Button 2</Button>

diff --git a/packages/components/flex/src/flex.tsx b/packages/components/flex/src/flex.tsx
@@ -3,8 +3,8 @@ import classes from './flex.module.scss';
 
 export declare interface FlexProps {
     children?: React.ReactNode;
-    minHeight?: number;
-    background?: string;
+    mih?: number;
+    bg?: string;
     gap?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     justify?: 'center' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
     align?: 'center' | 'flex-end' | 'flex-start';
@@ -16,8 +16,8 @@ export const Flex = (props: FlexProps) => {
     return (
         <div
             style={{
-                background: props.background,
-                minHeight: props.minHeight,
+                background: props.bg,
+                minHeight: props.mih,
                 gap: props.gap ? `var(--spacing-${props.gap})` : null,
                 justifyContent: props.justify,
                 alignItems: props.align,