Merge pull request #192 from igun997/master

added : value props on Input component

Author: emregudur

README.md

@@ -351,6 +351,7 @@ inputReferance = React.createRef()
   referance={inputReferance}
   placeholder='Type here...'
   multiline={true}
+  value={inputValue}
   rightButtons={<Button color='white' backgroundColor='black' text='Send' />}
 />
 
@@ -383,7 +384,7 @@ inputClear()
 | maxlength         | none    | int               | input or textarea maxlength   |
 | onMaxLengthExceed | none    | function          | called when max length exceed |
 | autofocus         | false   | bool              | input autofocus               |
-
+| value             | none    | string            | input value                   |
 ## Button Component
 
 ```javascript

src/Input/Input.tsx

@@ -82,6 +82,7 @@ const Input: React.FC<IInputProps> = ({
           onKeyDown={props.onKeyDown}
           onKeyPress={props.onKeyPress}
           onKeyUp={props.onKeyUp}
+          value={props.value}
         />
       ) : (
         <textarea
@@ -102,7 +103,7 @@ const Input: React.FC<IInputProps> = ({
           onKeyDown={props.onKeyDown}
           onKeyPress={props.onKeyPress}
           onKeyUp={props.onKeyUp}
-        ></textarea>
+        >{props?.value ?? ""}</textarea>
       )}
       {props.rightButtons && <div className='rce-input-buttons'>{props.rightButtons}</div>}
     </div>

src/type.d.ts

@@ -801,6 +801,7 @@ export interface IInputProps {
   placeholder?: string
   defaultValue?: string
   inputStyle?: Object
+  value?: string
   onCopy?: React.ClipboardEventHandler
   onCut?: React.ClipboardEventHandler
   onPaste?: React.ClipboardEventHandler