Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

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

Clean & minimal vue form elements and form builder with validation
https://github.com/antonreshetov/vue-form-components

components form form-validation formbuilder javascript vue vue-components vue-form

Last synced: about 1 month ago
JSON representation

Clean & minimal vue form elements and form builder with validation

Lists

README 

        


  



Vue Form Components




  

  

  




## Documentation



[https://antonreshetov.github.io/vue-form-components](https://antonreshetov.github.io/vue-form-components/)



## Install



### NPM



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



```js

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.



```js

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



```html



  



  import 'vfc/dist/vfc.css'

  import { Input } from 'vfc'



  export default {

    components: {

      [Input.name]: Input

    }

  }



```



Full component list:



```js

import {

  Input,

  Button,

  Checkbox,

  CheckboxGroup,

  Radio,

  Select,

  Option,

  Form,

  FormItem,

  FormBuilder

} from 'vfc'

```



## License



MIT © 2018-present [Anton Reshetov](http://antonreshetov.com)