How to add CSS class for invalid inputs?

[w3bdesign]

I tried searching the docs, and also searched discussions, but wasn't able to find an obvious method to do this.

I basically want to add a red border around a when there is an error.

What is the best way to accomplish this?

Do I need to create a custom input to achieve this?

[logaretm]

Depends on which flavor of the API you are using, but in both you can grab the meta object on forms and fields. The meta object contains valid property which you can use to toggle classes.

https://vee-validate.logaretm.com/v4/guide/components/validation/#validation-metadata