Files
oa/documentation/control/v-control-validation-documentation.md
2025-05-24 01:49:48 +09:00

1.4 KiB

Validation

Vuero offers VControl validation styles to go with any type of form validation library you could use in your project. Use the props shown in the code examples to handle validation.

<template>
  <VField>
    <VControl icon="lucide:user" is-valid>
      <VInput
        type="text"
        placeholder="Username"
        value="Superman"
      />
      <p class="help has-text-success">
        This username is available
      </p>
    </VControl>
  </VField>
  <VField>
    <VControl icon="lucide:lock" has-error>
      <VInput
        type="text"
        placeholder="Password"
        value="passwd"
      />
      <p class="help has-text-danger">
        The password must contains 8 characters
      </p>
    </VControl>
  </VField>
</template>

This username is available

The password must contains 8 characters