vue-fancy-form

Vue component for forms and inline validation.

Usage

HTML

<div id="app">
    <vue-fancy-form :options.sync='form'></vue-fancy-form>
</div>

ES5 without module loader

For a full example go here

new Vue({
    el: '#app',
    components: {
        'VueFancyForm': window['vue-fancy-form'].VueFancyForm,
    },
    data: [
        form: [ ... ],
    ],
});

ES6 with module loader

npm install --save vue-fancy-form

import {VueFancyForm} from 'vue-fancy-form';

new Vue({
    el: '#app',
    components: [
        VueFancyForm,
    ],
    data: [
        form: [ ... ],
    ],
});

Live Demo

https://codepen.io/Index/pen/WxxYGV?limit=all&page=11&q=vue

See the Pen Formulars with Vue.js (https://github.com/simonknittel/vue-fancy-form) by Simon (@Index) on CodePen.

GitHub