@vuetils/form

Tiny form validation library for Vue

Documentation

Check out the interactive documentation and demos

Features

• ⚡️ Tiny - <5KB minified (2KB gzip)
• 🔑 Typesafe - End-to-end typesafety with autocomplete
• 🔌 Extensible - First party plugins and easy plugin API

Usage

<script setup>
import { UField, UForm, email, minLength, required, useForm } from '@vuetils/form';

const form = useForm({
  email: ['', [required, email]],
  password: ['', [required, minLength(6)]],
});
</script>

<template>
  <UForm :form="form">
    <UField>
      Email:
      <input type="email" name="email" />
    </UField>

    <UField>
      Password:
      <input type="password" name="password" />
    </UField>

    <button>Submit</button>
  </UForm>
</template>

Refer to the documentation for more details.

Changelog

The up to date changelog can be found here.

Contribution

Please read the Contributing Guide before making a pull request.

License

MIT License © 2023-present Yannic Ellhotka