Merge pull request #192 from lad-tech/feat/163-leftIcon

feat: add leftIcon for InputField #163
lad-tech · Apr 2, 2024 · 200a3df · 200a3df
2 parents a26f010 + 2417830
commit 200a3df
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/packages/core/src/inputs/components/InputField/InputField.tsx b/packages/core/src/inputs/components/InputField/InputField.tsx
@@ -37,6 +37,7 @@ const InputField = forwardRef<ITextInput, IInputFieldsProps>((props, ref) => {
     style,
     title,
     subtitle,
+    leftIcon,
     rightIcon,
     type = IInputsTypes.default,
     disabled = false,
@@ -105,6 +106,7 @@ const InputField = forwardRef<ITextInput, IInputFieldsProps>((props, ref) => {
           getPadding(),
           textInputContainerStyle,
         ]}>
+        {leftIcon}
         <TextInput
           ref={ref}
           testID={Constants.testID}

diff --git a/packages/core/src/inputs/components/InputField/types.ts b/packages/core/src/inputs/components/InputField/types.ts
@@ -15,6 +15,7 @@ export interface IInputFieldsProps extends ITextInputProps {
   subtitleProps?: IStyledTextProps;
   containerStyle?: StyleProp<ViewStyle>;
   textInputContainerStyle?: StyleProp<ViewStyle>;
+  leftIcon?: ReactElement;
   rightIcon?: ReactElement;
   type?: IInputsTypes;
   disabled?: boolean;