Skip to content

Jenesius/vue-form

Repository files navigation

Vue logo

Downloads Downloads Issue Stars

Jenesius Vue Form

Powerful system for working with forms and inputs. The deep library integrates with Vue (3 version only) and provides a large set of tools for working with forms.

Documentation

To check out live examples and docs, visit form.jenesius.com.

Integration with other UI libraries

This section is described in this part of the documentation

Questions and Issues

For questions and support please use the GitHub repo.

Quick Example

Alt Text

Usage

This example demonstrates a simple use of this library using the login form as an example.

<template>
    <form-field name = "login"/>
    <form-field name = "password" type = "password"/>
    <button @click = "handleLogin">Login</button>
</template>

<script setup>
import {FormField, Form} from "jenesius-vue-form";

const form = new Form();
function handleLogin() {
    console.log(form.values)  // { login: "", password: "" }
}
</script>

We connected two fields (login, password), arranged the corresponding types of provided libraries, industrial-level instances. a form and creating a handler for entering which takes on the value of the form. This is an example of the simplest form of use.

License

MIT

Copyright (c) 2022-present, Jenesius