Responsive design using tailwind css and nextjs routing

Community feedback

• 

  Deepak•190

  @itsdevdeepakPosted over 1 year ago

  There are basally 3 patters to handle error states.

  1. Live validation errors: In this approach error state will visible as user type.
  2. Show error state after input is unfocusable: like the name show the input error state after user provides the value and leaves the input focus.
  3. Show the error state for all the input fields after user click on submit button.

  You could use css class and add/remove it depending on your validation or you could also use ternary operator to hide or unhide the element. for validation use you could use regex or manual validation.

  you can read more from this article

  If you have any questions feel free to leave below.

  0