Added onKeyDown prop to Input comp
authorAjay Bura <ajbura@gmail.com>
Mon, 13 Sep 2021 10:59:42 +0000 (16:29 +0530)
committerAjay Bura <ajbura@gmail.com>
Mon, 13 Sep 2021 10:59:42 +0000 (16:29 +0530)
src/app/atoms/input/Input.jsx

index c5401a3f0187625976316edd74af0d2ddaf9f8da..7b5f0967ca1fe2b0ad270fddc8cf8cc2829e2762 100644 (file)
@@ -8,6 +8,7 @@ function Input({
   id, label, value, placeholder,
   required, type, onChange, forwardRef,
   resizable, minHeight, onResize, state,
+  onKeyDown,
 }) {
   return (
     <div className="input-container">
@@ -26,6 +27,7 @@ function Input({
             autoComplete="off"
             onChange={onChange}
             onResize={onResize}
+            onKeyDown={onKeyDown}
           />
         ) : (
           <input
@@ -38,6 +40,7 @@ function Input({
             defaultValue={value}
             autoComplete="off"
             onChange={onChange}
+            onKeyDown={onKeyDown}
           />
         )}
     </div>
@@ -57,6 +60,7 @@ Input.defaultProps = {
   minHeight: 46,
   onResize: null,
   state: 'normal',
+  onKeyDown: null,
 };
 
 Input.propTypes = {
@@ -72,6 +76,7 @@ Input.propTypes = {
   minHeight: PropTypes.number,
   onResize: PropTypes.func,
   state: PropTypes.oneOf(['normal', 'success', 'error']),
+  onKeyDown: PropTypes.func,
 };
 
 export default Input;