DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Anton Reshetov
Anton Reshetov

Posted on

Vue Form Components v2.0.0 is out

In version 2 added Form Builder component - a schema-based builder to generate form with components and validation πŸŽ‰

Changelog:
Breaking

  • Drop async validation

Features

  • VeeValidate for form validation
  • Form Builder

GitHub logo antonreshetov / vue-form-components

Clean & minimal vue form elements and form builder with validation

Vue Form Components

Documentation

https://antonreshetov.github.io/vue-form-components

Install

NPM

Installing with npm is recommended and it works seamlessly with webpack.

npm i vfc
Enter fullscreen mode Exit fullscreen mode

Download

You can download latest version from the Github: Download

Quick start

Global

To use in your project, just import vfc and install into Vue.

import Vue from 'vue'
import App from './App.vue'
import VFC from 'vfc'
import 'vfc/dist/vfc.css'
Vue.use(VFC)

new Vue({
  render: h => h(App)
}).$mount('#app')
Enter fullscreen mode Exit fullscreen mode

On demand

<template>
  <vue-input></vue-input>
</template>

<script>
  import 'vfc/dist/vfc.css'
  import { Input } from 'vfc'

  export default {
    components: {
      [Input.name]: Input
    }
  }
</script>
Enter fullscreen mode Exit fullscreen mode

Full component list:

import {
  Input,
  Button,
  Checkbox,
  CheckboxGroup,
  Radio,
  Select,
  Option,
  Form,
  FormItem
…
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Create an Account!

πŸ‘€ Just want to lurk?

That's fine, you can still create an account and turn on features like 🌚 dark mode.