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.