Open simplenotezy opened 4 years ago
Actually, it's now called "mode" instead of "events" it seems - and that works perfectly.
The "classes" property is the one not working.
If I inspect the input it has classes, but it does not use the class-names provided in the config. It uses the native: "invalid" instead of "is-danger"
@simplenotezy Did you find a way to use classes?
Have you tried an option like this?
nuxt.config.js
...
classes: true,
classNames: {
valid: 'is-success',
invalid: 'is-danger',
},
...
component
<ValidationProvider v-slot="{ classes, errors }" name="email" rules="required|email">
<div class="control" :class="classes">
<input v-model="email" type="text" placeholder="type some email" />
<span>{{ errors[0] }}</span>
</div>
</ValidationProvider>
I have tried customizing the options, like below:
But classes / events are not being registered. What am I doing wrong?