feat(EditText): label container style

dooboolab-community · Jul 31, 2024 · 4dc5888 · 4dc5888
1 parent b3508cb
commit 4dc5888
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/lib/package.json b/lib/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dooboo-ui",
-  "version": "0.2.34",
+  "version": "0.2.35",
   "main": "index",
   "react-native": "index",
   "module": "index",

diff --git a/main/uis/EditText/index.tsx b/main/uis/EditText/index.tsx
@@ -30,6 +30,7 @@ import GlobalStyles from './style';
 
 export type EditTextStyles = {
   container?: StyleProp<ViewStyle>;
+  labelContainer?: StyleProp<ViewStyle>;
   label?: StyleProp<TextStyle>;
   inputContainer?: StyleProp<TextStyle>;
   input?: StyleProp<TextStyle>;
@@ -194,12 +195,15 @@ export function EditText({
     function Wrapper({children}: {children: ReactNode}): JSX.Element {
       return (
         <View
-          style={css`
-            margin-bottom: ${decoration === 'boxed' ? '14px' : 0};
+          style={[
+            css`
+              margin-bottom: ${decoration === 'boxed' ? '14px' : 0};
 
-            flex-direction: row;
-            align-items: center;
-          `}
+              flex-direction: row;
+              align-items: center;
+            `,
+            styles?.labelContainer,
+          ]}
         >
           {children}
           {required ? (
@@ -244,6 +248,7 @@ export function EditText({
     required,
     status,
     styles?.label,
+    styles?.labelContainer,
     theme.role.danger,
   ]);