antonreshetov / vue-form-components

Clean & minimal vue form elements and form builder with validation
https://antonreshetov.github.io/vue-form-components/
MIT License
122 stars 17 forks source link
components form form-validation formbuilder javascript vue vue-components vue-form

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

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')

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>

Full component list:

import {
  Input,
  Button,
  Checkbox,
  CheckboxGroup,
  Radio,
  Select,
  Option,
  Form,
  FormItem,
  FormBuilder
} from 'vfc'

License

MIT © 2018-present Anton Reshetov