diff options
author | Rohan Raj Gupta <[email protected]> | 2022-08-12 12:57:43 +0530 |
---|---|---|
committer | GitHub <[email protected]> | 2022-08-12 12:57:43 +0530 |
commit | 6d821dc4aa7f6235d2d619dfd8b2954c241f0439 (patch) | |
tree | ca8811c7d708bbb7f3266b9bc1045ee70219f996 /client/src/components/Input/Input.jsx | |
parent | 53795fe3153f514e0eda6a01f6e55eeb50c94d46 (diff) | |
parent | 87a343644592e9b425e7fa0805988ad8e7ee8778 (diff) |
Merge pull request #3 from Blaster4385/develop
Refactor code, add country api, switch to multi-step form
Diffstat (limited to 'client/src/components/Input/Input.jsx')
-rw-r--r-- | client/src/components/Input/Input.jsx | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/client/src/components/Input/Input.jsx b/client/src/components/Input/Input.jsx index 5987e27..08e8fab 100644 --- a/client/src/components/Input/Input.jsx +++ b/client/src/components/Input/Input.jsx @@ -1,7 +1,7 @@ import React from 'react' import styles from './Input.module.css' -const Input = ({ label, id, value, type, name, onChange, placeholder }) => { +const Input = ({ label, id, value, type, name, onChange, placeholder, maxLength, pattern, minLength, onInvalid, onValid }) => { return ( <div className={styles.input}> <div className={styles.input__container}> @@ -15,6 +15,11 @@ const Input = ({ label, id, value, type, name, onChange, placeholder }) => { onChange={onChange} required placeholder={placeholder} + pattern={pattern} + maxLength={maxLength} + minLength={minLength} + onInvalid={onInvalid} + onValid={onValid} /> </div> </div> |