Hello @FlackoCodes
For updating the inputs to red color border, you need to inject a class to it like .error-input
when the error occurs. When the input is fine, then the .error-input
class should be removed. Then in your css apply the respective css property to that .error-input
class.
I have also worked on a similar project where I need to validate my inputs and display the errors accordingly for the inputs. I used React and Styled components for the project. Refer to my Input.jsx.
Hope it helps you in solving your issue.
Marked as helpful