Enhance Form Fields

[tracker1]

The few suggestions I have are as follows.

1. Enhance the animation/effect of a button click so it's more obvious that an interaction occurred.
2. Enhance the invalid/valid states for text/textarea inputs, etc.
   a. First, activate validity checks on both field blur, and submit attempts.
   b. Once validation is activate check with onchange
   c. Allow specific targeting of the label color, text color and border color for invalid and validated states for a cleaner look
3. Uncertain how webcomponents interact with child components, etc... but if possible a <quite-form> wrapper could maintain validation state over the form to disable the submit button while fields are invalid when they've been checked.
4. Adjust a sidebar/tree for the components list in the documentation to make it easier to navigate from one component to another without having to return to the list page in between.

Apologies if these features are already possible, I hadn't dug into this library, only did some cursory browsing in the component previews in the documentation.