From b6e943d8fa2091faa9f7d333d0f64e922954b59c Mon Sep 17 00:00:00 2001
From: LYXOfficial <lyx2010official@outlook.com>
Date: Sun, 6 Oct 2024 22:36:20 +0800
Subject: [PATCH] chore: flex props name

---
 doc/docs/components/flex/FlexControls.tsx | 4 ++--
 packages/components/flex/src/flex.tsx     | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/doc/docs/components/flex/FlexControls.tsx b/doc/docs/components/flex/FlexControls.tsx
index 13d1c1d..26a5dad 100644
--- 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
index 98d9e63..4eb0999 100644
--- 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,