Form wrapper js
A lightweight library that creates forms systems in a convenient and easy way, without dependencies and magic code.
๐จ Playground
๐ฟ Installation
npm install --save form-wrapper-js
or
yarn add form-wrapper-js
๐ Documentation
Please check out the Form Wrapper JS website.
๐ Basic Usage
This is a quick example, please check out the website for full documentation.
<template>
<form @submit.prevent="submit">
<input type="text" v-model="form.email" />
<input type="text" v-model="form.name" />
<input type="text" v-model="form.password" />
<button type="submit" :disabled="form.$submitting">
</form>
</template>
<script>
import { Form } from 'form-wrapper-js'
import axios from 'axios'
export default {
data() {
return {
form: new Form({
email: null,
name: null,
password: null,
}),
}
},
methods: {
async submit() {
const { response } = await this.form.submit(form => axios.post('some-url', form.values()))
}
},
}
</script>
๐ป Contribute
Code, Docs, Bug reports, Ideas - are more the welcome. โญ
the installation is very easy, take a look at CONTRIBUTING.md file and follow the instructions.
๐ License
The MIT License (MIT). Please see License File for more information.