Add input validation to our input components

[AmanKAggarwal]

PR #11 creates an Input Text Component. When a user enters some text, we want to be able to validate it and render out relevant messages.

Look at the image below -

Note the different types of error messages (look at the colors green and red) and also how some have an icon at the beginning and some don't.

Example uses

• Note that the functionality you add to make this happen should be easily reusable at different location. You can come up with the best way to organize code.
• I recommend looking at this term called regular expressions for validation.
• See if you can somehow have the parent component of the input field (one that uses it) define the entire error message and its styling (while building components always try to limit the work done by the component as much as possible)

Resources

• In addition to google, ask ChatGPT - "swiftui how to add input validation" and see it do the magic! Best way to use ChatGPT is to always take its answers with a grain of salt so beware. But feel free to ask it any question you have and it has never disappointed me yet