Add border to invalid input

[henchaves]

The InputText.vue component doesn't change the color of its border when the input value is not following the rules of the required type.

Then, I added invalid:focus:ring-red-200 and invalid:hover:border-red-500 classes to InputText in lara preset.

[vercel]

@henchaves is attempting to deploy a commit to the primetek Team on Vercel.

A member of the Team first needs to authorize it.

[AnthonyRuelle]

Hello,

It seems to be the same for all other inputs, could you add this for all :) ?

[henchaves]

Hello,

It seems to be the same for all other inputs, could you add this for all :) ?

Hey @AnthonyRuelle !

I added to InputNumber, InputMask and InputOtp. I think the other ones are not necessary.
WDYT?

[AnthonyRuelle]

Hello !

personally I would have added it to all inputs since they can all be embedded in a form and be invalid if required and not completed.

In my case I use for example the textarea, date or even the dropdown :)

[atakantepe]

Hi, thank you a lot for the contributions. I'll add the focus and hovers for invalid states to the rest of them, including the wind version. This PR will be available with the 0.8.3. I plan to release it this week.🌟